追加後訪問元素

Question

我需要在JQuery追加後訪問DOM元素。比方說，我有這樣的：

<ul id="items"> 
    <li class="item">one</li> 
    <li class="item">two</li> 
</ul> 

然後是使用Javascript：

var addItems = function(html) { 
    $('#items').append(html); 
    //How do I access the new items here? 
} 

比方說，HTML是：

<li class="item">three</li> 
<li class="item">four</li> 

我需要做一些事情的兩個新項目。這件事包括綁定事件給他們。所以我不能簡單地使用$（'。item'），因爲這會將雙重事件添加到現有項目中。一旦新項目是DOM的一部分，它們就沒有任何區別它們與現有項目的區別。

這樣做的最好方法是什麼？

Answer 1

其附加之前，請爲HTML的一個jQuery集合：

var addItems = function(html) { 
    var $items = $(html); 
    $('#items').append($items); 
    $items.foo(); 
} 

Answer 2

這裏有一個工作示例：http://jsfiddle.net/hunter/7UTA2/

var addItems = function(html) { 
    var $html = $(html); 
    $('#items').append($html); 
    $html.text("test"); 
} 

此展示，你仍然可以操縱的文本（或其他屬性）這些項目，因爲你仍然有一個參考收集。