javascript - 获取特定类别中的所有 First 链接

Question

所以我知道使用“a:first”将获取页面的第一个链接。假设我们有以下内容:

<div class="masterclass">
   <a href="#">Link 1</a>
   <a href="#">Link 2</a>
</div>
<div class="masterclass">
   <a href="#">Link 1</a>
   <a href="#">Link 2</a>
</div>

当然，我可以使用以下代码来获取“masterclass”类的第一个“a”

$('.masterclass a:first').click(function() {
alert('yayfirstlink');
});

但是我不明白如何获取每个“大师类”的第一个链接

Answer 1

您需要使用find()在这里，因为您的选择器将找到 .masterclass 中的所有 anchor 元素，然后仅过滤第一个元素。但是，当您使用 .find() 时，它将首先查找所有 .masterclass 元素，然后查找每个元素中的第一个 anchor 元素。

$('.masterclass').find('a:first').click(function() {
alert('yayfirstlink');
});

或者如果您确定目标元素将是其父元素的第一个子元素，那么您可以使用 :first-child

$('.masterclass a:first-child').click(function() {
alert('yayfirstlink');
});