jquery - 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>

我怎样才能选择所有<a> DIV“SecondDiv”内的标签元素？

其实我正在做

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

但这也会选择第一个 div 的链接。

Answer 1

$('#SecondDiv a')

这使用 SecondDiv 的 ID元素，并选择all descendant <a>元素。

您正在使用the > child selector ，这只会选择直接子代。你是对的，它会从 .MyClass 中进行选择元素。

另一种可能性是放置 a .delegate() 关于SecondDiv元素来匹配嵌套 <a> 的点击元素。

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

<小时/>

编辑:引用下面的评论，您可以将其限制为 <a> .MyClass 中的元素元素，将其放置在选择器中。

$('#SecondDiv .MyClass a')

现在任何<a>不属于 .MyClass 的元素不会被包括在内。