Javascript 获取特定类中的所有第一个链接

所以我知道使用“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”的第一个链接，因为您的选择器将在

中找到所有锚元素。masterclass

然后只过滤第一个。但是当您使用

.find（）

时，它会首先找到所有

.masterclass

元素，然后会在每个元素中找到第一个锚元素

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

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

您需要在此处使用，因为选择器将在

.masterclass

中找到所有锚元素，然后只过滤第一个锚元素。但是当您使用

.find（）

时，它会首先找到所有

.masterclass

元素，然后会在每个元素中找到第一个锚元素

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

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

试试这个

var oFirstAnchor = $(".masterclass a:first-child");

试试这个

var oFirstAnchor = $(".masterclass a:first-child");

$（“.masterclass a:第一个孩子”）

就是您要找的

因此：

$（“.masterclass a:第一个孩子”）

就是您要找的

因此：

---

这就是你如何循环通过每一个masterclass并获得它的第一个链接。 我不知道你想用它做什么，所以我只能提供这个

$(document).ready(function(){

var fields = $('.masterclass a:first-child');
  $.each(fields, function(index, val){
     alert(index);
  });
});

这会提醒当前链接数组索引

---

这是你如何循环通过每个masterclass并获得它的第一个链接。 我不知道你想用它做什么，所以我只能提供这个

$(document).ready(function(){

var fields = $('.masterclass a:first-child');
  $.each(fields, function(index, val){
     alert(index);
  });
});

这会提醒当前链接数组索引

---

我建议为此使用第一个类型选择器

$('.masterclass a:first-of-type')

通过这种方式，它将始终在每个

masterclass

div中选择第一个锚定标记，即使您稍后将其他内容放入div中

---

我建议为此使用第一个类型选择器

$('.masterclass a:first-of-type')

通过这种方式，它将始终在每个

masterclass

div中选择第一个锚定标记，即使您稍后将其他内容放入div中

你用这段JS获得了每个大师班的第一个链接，不是吗<代码>$（'.masterclass a:first'）应该包含一个数组，其中包含两个第一个链接。你可以用这段JS获得每个masterclass的第一个链接，不是吗<代码>$（'.masterclass a:first'）应包含一个包含两个第一链接的数组。