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

时间:2011-01-11 21:02:13

标签: 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>

如何使用.find()选择“specialLink”类的第一个链接?

我的非工作猜测是:

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

3 个答案:

答案 0 :(得分:7)

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

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

或者喜欢你的原作:

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

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

答案 1 :(得分:2)

您的选择器将是:

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

更好的是,使用以下方法保存一些函数调用:

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

答案 2 :(得分:0)

.specialLink是一个本身。使用(空格):first,您将找到.specialLink的孩子们。

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