추가 후 요소 액세스

Question

JQuery를 추가 한 후 DOM 요소에 액세스해야합니다. 이제 나는이 있다고 가정 해 봅시다 :

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

그런 다음 자바 스크립트입니다 :

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"); 
} 

이 아직도의 (어떤 속성이나) 텍스트를 조작 할 수있는 전시 컬렉션에 대한 참조가 아직 남아 있으므로 항목