jquery итерирование через созданные элементы

Question

Я пытаюсь добавить новые строки в таблицу и сохранить их в БД.

Во-первых, я использую .append() для добавления строк в таблице:

$("#tablename").append("<tr id='newRow'><td>newly added row</td></tr>"); 

прилагаемой функция работает отлично. На моей странице отображается правильный результат.

Однако, я не могу выбрать их с

$("#newRow").each(function() { alert "it never reaches here!"; }); 

Я предполагаю, что это происходит потому, что элементы добавляются после загрузки DOM. Может ли кто-нибудь рассказать мне, как я могу перебирать все мои недавно добавленные элементы?

спасибо.

Answer 1

Вы должны использовать class для этого случая, идентификатор должен быть уникальным (это недопустимый HTML и даст некоторое странное поведение в противном случае), как это:

$("#tablename").append("<tr class='newRow'><td>newly added row</td></tr>"); 

$(".newRow").each(function() { alert "it never reaches here!"; }); 

Answer 2

Если все, что вам нужно, это петля новые строки вы можете сделать это:

var rows = $("<tr class='newRow'><td>newly added row</td></tr>").appendTo('#tablename'); 
rows.each(function() { alert "it never reaches here!"; }); 

Answer 3

метод Ник работает просто отлично, вот еще:

$(function(){ 
    //add a class to mark the last row on load 
    $('#tableName tr:last').addClass('lastRow'); 

    // ... 

    // select new rows when you click save 
    $('input:submit').click(function(){ 
    $('#tableName tr.lastRow').nextAll().each(function(){ 
     alert('added row'); 
    }); 
    }); 
});