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