jqueryセレクタは、どのdiv要素がネストされていても、指定されたdiv内のすべてのアンカー要素を取得しますか？

Question

は、次のようないくつかのマークアップを考える：

<div id="header"> 
    <div id="nest-one> 
     <a href="#">one</a> 
     <div id="nest-two"> 
     <a href="#">two</a> 
     <a href="#">three</a> 
     </div> 
    </div> 
</div> 

と私は、Aタグのすべてにシングルクリックハンドラを結び付けたいです。

私は以下を試しましたが、うまくいきませんでした。私は何かが愚かな簡単に欠けていることを知っている、それが何であるか分からない。

$('#header a').click(function(){alert('on click')}); 

Answer 1

作品

：

<div id="nest-one> 

あなたはIDの二重引用符を忘れてしまいました。

これ以外にも、HTML要素を参照するJavaScriptは、ドキュメントレディ機能やソース内の要素の後にあることを確認してください。

Answer 2

Demo

---

EDIT BoltClockのポイントごと

：これは、この行で、実際に

$('#header a').click(function(){alert('on click')}); 

Answer 3

$ .liveまたは$ .delgateを使用すると、今後DOMに動的に追加される要素にもバインドされます。

例：

$("#header").delegate("a", "click", function() { 
    console.log("%o clicked", this); // log object in firebug 
});