(jQuery)如何找到具有特定类的第一个链接？

Question

如果我在某个地方(未预先确定)有一个链接,就像这样:

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

我如何使用.find()选择"specialLink"类的第一个链接？

我的非工作猜测是:

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

Answer 1

只需使用一个组合选择器,如下所示:

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

或者像你原来的:

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

此前它一直在寻找第一个<a>,这是一个后代的.specialLink,而不是相同的元素.