jQuery选择器的帮助

我有以下标记

<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')

这将使用SecondDiv元素的ID，并选择，这将只选择直接子元素。您是对的，它将从这两个.MyClass元素中进行选择

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

另一种可能是放置在SecondDiv元素上，以匹配对嵌套元素的单击

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

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

$('#SecondDiv .MyClass a')

现在，不从.MyClass派生的任何元素都将不包括在内

这将使用SecondDiv元素的ID，并选择，这将只选择直接子元素。您是对的，它将从这两个.MyClass元素中进行选择

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

另一种可能是放置在SecondDiv元素上，以匹配对嵌套元素的单击

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

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

$('#SecondDiv .MyClass a')

---

现在，不从.MyClass派生的任何元素都将不包括在内。

您应该使用此处的ID选择器，而不是类选择器

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

---

阅读更多关于和的信息。

您应该使用此处的ID选择器，而不是类选择器

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

---

阅读更多关于和的信息。

您为什么不使用second div的id“second div”

或

---

为什么不使用第二组的id“第二组”

或

---

是否有一种方法可以同时使用Myclass选择器，如$'SecondDiv.Myclass a'@Lorenzo-是的，如果SecondDiv下还有其他元素不在.Myclass下，那么该选择器将消除这些元素。是否有一种方法可以同时使用Myclass选择器，如$'SecondDiv.Myclass a'@Lorenzo-是的，如果SecondDiv下还有其他元素不在.MyClass下，那么该选择器将消除这些元素。