幫助jQuery選擇

Question

我有以下標記

<div id="FirstDiv"> 
    <div class="MyClass"> 
     <span> 
      <a href="#">link 1</a> 
      <a href="#">link 2</a> 
     </span> 
    </div> 
</div> 
<div id="SecondDiv"> 
    <div class="MyClass"> 
     <span> 
      <a href="#">link 1</a> 
      <a href="#">link 2</a> 
     </span> 
    </div> 
</div> 

我怎樣才能選擇阿拉的DIV「SecondDiv」裏面的<a>標記元素？

其實我做的

$(".MyClass > a").click(function (event) { 

但是這也將選擇第一個div鏈接。

Answer 1

$('#SecondDiv a') 

這使用SecondDiv元素的ID，並選擇all descendant<a>元件。

您正在使用the > child selector，它只會選擇直接的孩子。你說得對，它會從.MyClass元素中選擇。

另一種可能性是將a .delegate()放置在SecondDiv元素上以匹配對嵌套元素的點擊次數。

$('#SecondDiv').delegate('a', 'click', function() { 
     // your code 
}); 

---

編輯：在參照下您的意見，您可以通過放置在選擇將其限制在.MyClass元素<a>元素。

$('#SecondDiv .MyClass a') 

現在不從.MyClass下降的任何<a>元素將不包括在內。

Answer 2

你應該在這裏使用的ID選擇器（＃），而不是類選擇的（）。

$("#SecondDiv a").click(function (event) { 

瞭解更多關於ID Selector和Class selector。

Answer 3

$("#SecondDiv a").click(function(){ 
    alert("Hi-o"); 
}); 

Answer 4

$("#SecondDiv").find("a").click(function(event) {}); 

Answer 5

爲什麼dontb宇用第二個div（ '#second格'）的ID

或

http://api.jquery.com/children/