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”内的所有 标记元素？

实际上我正在这样做

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

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

Answer 1

$('#SecondDiv a')

这使用 SecondDiv 元素的 ID，并选择所有后代 元素。

您使用的是 > 子选择器，它只会选择直系子女。你是对的，它会从两个 .MyClass 元素中进行选择。

另一种可能性是将 a .delegate() 放在 SecondDiv 元素，用于匹配嵌套 元素的点击。

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

---

编辑：参考下面的评论，您可以将其限制为 .MyClass 元素中的 元素，方法是将其放置在选择器。

$('#SecondDiv .MyClass a')

现在，任何不是 .MyClass 派生的 元素都不会被包含在内。

Answer 2

您应该在此处使用 ID 选择器 (#)，而不是类选择器 (.)

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

阅读有关 ID 选择器的更多信息 和类选择器。

Answer 3

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

Answer 4

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

Answer 5

为什么你不使用第二个 div ('#second div') 的 id

或

http://api.jquery.com/孩子们/