jquery использует html () после установки содержимого, как сделать так, чтобы событие new elements и исходные элементы связывали одно и то же событие?

#javascript #jquery

#javascript #jquery

Вопрос:

HTML:

 <div id="1">
<div>
<ul>
<li><button id="button">a</button></li>
<li><span>1</span></li>
</ul>
</div>
</div>
<div id="2">
<ul>
<li></li>
</ul>
</div>
  

JQUERY:

 $("#button").live("click",function(){
var s = Number($(this).parents("ul").find("span").text());
$(this).parents("ul").find("span").text(s 1);
$("#2 li").html($("#1 li").html());
});
  

Проблема в том, что когда я нажимаю на кнопку, номер диапазона добавляет номер 1, а DIV # 2 настраивает новую кнопку, как я могу добавить номер диапазона DIV # 1, когда я нажимаю DIV # 2 new , я имею в виду, как эта функция может найти правильных родителей и диапазон?

вот ДЕМОНСТРАЦИЯ

я хочу добавить номер 1, когда я нажимаю кнопку new , вот и все, спасибо!

Комментарии:

1. Вы знаете, что an id не может быть просто числом? Оно должно начинаться с буквы

Ответ №1:

Вы можете проверить измененную демонстрацию.

 $("#button").live("click",function(){        
    var span = $('#1 span');
    span.html(Number(span.html()) 1);    
    $("#2 li").html($("#1 li").html());
});
  

Комментарии:

1. спасибо, но это всего лишь пример, я буду использовать parents() и find() в моем project.so я могу адаптироваться к сложным ситуациям и находить нужные элементы

2. Я думаю, вам следует использовать классы для таких целей, которые облегчили бы вашу работу.