jquery：遍历和选择类中第一个元素的子元素

如果我有

<span class="test1"><span class="first">first</span></span>
<span class="test1">lorem</span>
<span class="test1">lorem</span>
<span class="test1">lorem</span>

<span class="test2"><span class="first">first</span></span>
<span class="test2">lorem</span>

首先
洛勒姆
洛勒姆
洛勒姆
第一
洛勒姆

---

如何仅选择

.test1.first

，并将任何且仅那些

.test1

元素悬停？

要获取测试类的一组元素中的第一个span元素，语法如下：

$('span:first', $('.test1'))

$('span').hover(function() {
    var element = $('.first:first', $('.'+$(this).attr('class')));
});

或者对于类的第一个元素，首先

$('.first:first', $('.test1'))

对于悬停功能，可以执行以下操作：

$('span:first', $('.test1'))

$('span').hover(function() {
    var element = $('.first:first', $('.'+$(this).attr('class')));
});

---

如果将此函数用作test2的悬停函数，或者在test1跨越之前存在任何元素，则此函数不起作用。同级（“：first”）将与正确的元素不匹配。问题指定它仅在“悬停任何且仅那些.test1元素时”才起作用。至于选择其他兄弟姐妹的孩子，我们也不清楚他们想要的问题是什么：“兄弟姐妹类中第一个元素的孩子”。