Сохраняйте переменную актуальность при добавлении к 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");