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

因此，我知道使用“ 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');
});

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

最佳答案

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

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

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

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

关于javascript - 获取特定类中的所有First链接，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23658139/