jQuery AJAX - ターゲットに読み込まれたコンテンツ

Question

どのように動的にロードされたコンテンツをjQueryでターゲットできますか？ .live（）関数はロードされたコンテンツにイベントを追加する簡単な方法ですが、読み込まれたコンテンツ内のオブジェクトをどのようにターゲットするかはわかりません。私は、メインページ上のコンテナを持っている：

<div id="container">place to load content</div> 

とロードされたページ上のコンテナ：

<div id="ajax-container"> 
    <div id="stuff"> 
     <div class="random-class">stuff to be loaded</div> 
     <div class="random-links"><a href="#" class="delete">delete me</a></div> 
    </div> 
</div> 

私は削除するために使用していた「削除」クラスとのリンクを持っています#stuff。私は、jQueryが新しいコンテンツを無視することを知り、そのアンカーにイベントを添付できませんでした。私は.live（）関数を発見し、それは私のクリックの問題を修正しました。

$('.delete').live('click', function() { 
    alert('click event works'); 
    $(this).parent('#stuff').hide(); 
}); 

アラートは発生しますが、div＃も同様にターゲットに設定できますか？

Answer 1

$('.delete').live('click', function() { 
    alert('click event works'); 
    $(this).closest('div#stuff').hide(); 
}); 

はフィドルhttp://jsfiddle.net/5tCZH/

Answer 2

私は分かりませんが、$('#stuff')は、あなたがそれを呼び出す場所に関係なく、そのDivのjQueryオブジェクトを取得します。 （this.parentを失う）

Answer 3

コードに基づいて： .parent()を使用すると、DOMツリー内の1つのレベルまでしか移動しません。代わりに、.parents()メソッドを使用して、複数のレベルまで移動してみてください。ここ