Javascript-类的第一次出现,多次
我试图检索给定类在另一个类中的第一次出现,该类在页面中重复了几次。让我们用一个例子来简化:Javascript-类的第一次出现,多次,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,我试图检索给定类在另一个类中的第一次出现,该类在页面中重复了几次。让我们用一个例子来简化: <div class="row"> <div class="otherclass"> aaaa </div> <div class="test"> bbbb </div> <div class="test"> cccc </div> </div&
<div class="row">
<div class="otherclass">
aaaa
</div>
<div class="test">
bbbb
</div>
<div class="test">
cccc
</div>
</div>
<div class="row">
<div class="otherclass">
dddd
</div>
<div class="otherclass">
eeee
</div>
<div class="test">
ffff
</div>
<div class="test">
gggg
</div>
</div>
<div class="row">
<div class="otherclass">
hhhh
</div>
<div class="otherclass">
iiii
</div>
<div class="test">
jjjj
</div>
<div class="test">
kkkk
</div>
</div>
aaaa
bbbb
中交
dddd
eeee
ffff
gggg
啊
三
jjjj
KKK
我想检索每个“行”中第一次出现的“test”中的值。我可以使用“each”来遍历带有“row”的每个div,但我希望避免这样做,因为我需要对不需要“each”的页面应用相同的代码
我试过“第一个”或“第一个孩子”,但问题是测试并不总是在同一个位置
此操作的结果应为具有以下内容的数组:
bbbb
ffff
jjjj
你知道没有“每个”我怎么做吗
谢谢 如果您特别不想使用
each()
,可以使用map()
,尽管循环逻辑基本相同。只是在创建数组时,map()
更简洁
var foo=$('.row').find('.test:first').map(函数(){
返回$(this.text();
}).get();
console.log(foo)代码>
aaaa
bbbb
中交
dddd
eeee
ffff
gggg
啊
三
jjjj
KKK
如果您特别不想使用each()
,您可以使用map()
,尽管循环逻辑基本相同。只是在创建数组时,map()
更简洁
var foo=$('.row').find('.test:first').map(函数(){
返回$(this.text();
}).get();
console.log(foo)代码>
aaaa
bbbb
中交
dddd
eeee
ffff
gggg
啊
三
jjjj
KKK
查找(“.test:first”)
应该这样做。我提供的解决方案使用一个each循环,但我认为使用它没有问题
$。每个($(“.row”),(i,obj)=>{
console.log($(obj.find(“.test:first”).html())
})
aaaa
bbbb
中交
dddd
eeee
ffff
gggg
啊
三
jjjj
KKK
查找(“.test:first”)
应该这样做。我提供的解决方案使用一个each循环,但我认为使用它没有问题
$。每个($(“.row”),(i,obj)=>{
console.log($(obj.find(“.test:first”).html())
})
aaaa
bbbb
中交
dddd
eeee
ffff
gggg
啊
三
jjjj
KKK
您可以使用jQuery的each()
和执行以下操作:第一个选择器:
var res=[];
$('.row')。每个(函数(){
var text=$(this.find('.test:first').text().trim();
res.push(文本);
});
控制台日志(res)代码>
aaaa
bbbb
中交
dddd
eeee
ffff
gggg
啊
三
jjjj
KKK
您可以使用jQuery的each()
和执行以下操作:第一个选择器:
var res=[];
$('.row')。每个(函数(){
var text=$(this.find('.test:first').text().trim();
res.push(文本);
});
控制台日志(res)代码>
aaaa
bbbb
中交
dddd
eeee
ffff
gggg
啊
三
jjjj
KKK