Как перечитать DOM?

Question

[Турар Абу]

Создаю новую строку через jQuery:

$(document).ready(function(){
   $add.on("click", function(){
      $(this).parent().before('<tr class="tr><td>1</td><td><input type="text /></td></tr>');
   });
});

проблема в том, что после того, как добавляется новый элемент, jQuery его не видит. Как сделать так, чтобы jQuery перечитал DOM и смог работать с новым элементом?

Comments

[Евгений Петров]

Читайте про делегирование. Чаще всего не нужно искать элемент для прослушивания события — большинство всплывает.

Answer 1

[sim3x]

$(document).ready(function(){
var $add = $('.wrapper_some_class .some_class');
/* создаем событие у документа, которое будет следить 
за всеми компонентами  с классом some_class
*/
$(document).on("click", ".some_class", function(){
      $(this).parent().before('<tr class="tr><td>1</td><td><input type="text /></td></tr>');
   });

/* создаем событие у неизменяемой обертке,
 в которой будут создаваться елементы
*/
$(".wrapper_some_class").on("click", ".some_class", function(){
      $(this).parent().before('<tr class="tr><td>1</td><td><input type="text /></td></tr>');
   });
});

Answer 2

[chupok]

Просто строку поправьте. Что у вас там с классом происходит? Кавычки правильно расставьте.

Answer 3

[Сергей Мельников]

$(this).parent().before('<tr class="tr"><td>1</td><td><input type="text" /></td></tr>');