Javascript （jQuery）如何找到具有特定类的第一个链接？

如果我在树的某个地方有一个链接（不是预先确定的），如下所示：

<div id="foo">
  <div>
    <div>
      <a href="asdf.com">link</a>
      <a href="#bar" class="specialLink">link</a>
      <a href="#bar2" class="specialLink">link</a>
      <a href="#bar3" class="specialLink">link</a>
    </div>
  </div>
</div>

$("#foo a.specialLink:first")

---

只需使用一个组合选择器，如下所示：

<div id="foo">
  <div>
    <div>
      <a href="asdf.com">link</a>
      <a href="#bar" class="specialLink">link</a>
      <a href="#bar2" class="specialLink">link</a>
      <a href="#bar3" class="specialLink">link</a>
    </div>
  </div>
</div>

$("#foo a.specialLink:first")

或者像你原来的那样：

$("#foo").find("a.specialLink:first")    

---

以前它是在寻找第一个

，它是

.specialLink

的后代，而不是同一个元素。

只需使用一个组合选择器，如下所示：

<div id="foo">
  <div>
    <div>
      <a href="asdf.com">link</a>
      <a href="#bar" class="specialLink">link</a>
      <a href="#bar2" class="specialLink">link</a>
      <a href="#bar3" class="specialLink">link</a>
    </div>
  </div>
</div>

$("#foo a.specialLink:first")

或者像你原来的那样：

$("#foo").find("a.specialLink:first")    

---

以前它是在寻找第一个

，它是

.specialLink

的后代，而不是同一个元素。

您的选择器应该是：

$("#foo").find("a.specialLink:first");

更好的方法是使用以下命令保存一些函数调用：

$("$foo a.specialLink:first");

---

您的选择器将是：

$("#foo").find("a.specialLink:first");

更好的方法是使用以下命令保存一些函数调用：

$("$foo a.specialLink:first");

---

.specialLink

本身就是a。使用（空格）

：首先

您将查找

.specialLink

的孩子

$("#foo").find("a.specialLink:first")

---

.specialLink

本身就是a。使用（空格）

：首先

您将查找

.specialLink

的孩子

$("#foo").find("a.specialLink:first")

---

呵呵！我知道这很容易。就是找不到，呵呵！我知道这很容易。就是找不到。