jquery遍历附加到ol / ul

Question

我试图在遍历之前遍历附加到的ul：

var items = [];
$('#list').append('<li id="item_10">item 10</li>'); 
$('#list').each(function () {
    var item = $(this).attr('id');
    items.push(item);
});
alert(items.toString());

但是当我提示输出时，我没有看到我添加的项目。任何人都知道如何添加到列表然后遍历它？

Answer 1

您正在循环ul父级。可能想要像

这样的东西

$('#list li').each(function() {
});

循环遍历li个节点。

Answer 2

什么安迪说。

还考虑使用jQuery非常棒的可链接性：

var items = [];
$('#list')
.append('<li id="item_10">item 10</li>')
.find('li')
.each(function () {
    var item = $(this).attr('id');
    items.push(item);
});
alert(items.toString());