Question

If I had

<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>

how do I select only the .test1 .first, hovering any and only those .test1 elements?

Answer 1

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