javascript - 附加到 dom 时保持变量是最新的

Question

什么是保持对项目列表的引用最新的好技术？

理想情况下，当我将一个元素附加到 DOM 时，我希望我的变量保存一个要更新的该类型元素的列表。

HTML：

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>    

JS：

var ListOfItems = $("ul");
var Items = $("li");

alert(Items.length);

var NewItem = $("<li></li>");
ListOfItems.append(NewItem);
alert(Items.length);

输出：

5
5

http://jsfiddle.net/S84yY/

Answer 1

它无法绑定，更好的方法是在这一行之后：

ListOfItems.append(NewItem);

将其添加到您的数组中：

Items.push(NewItem);

或者用这个再次更新你的数组：

Items = $("li");