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

Question

如果我有

<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元素？

Answer 1

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

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

或者首先是班级的第一个元素。 。

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

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

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

Answer 2

$('.test1').hover(function() {
  $(this).siblings('.test1:first').children('.first').css('color', 'blue');
});