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

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

Answer 2

Чтобы получить первый элемент диапазона в пределах набора элементов тестового класса, синтаксис выглядит так:

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

Или для первого элемента класса в первую очередь. , ,

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

Для функции парения вы могли бы сделать что-то вроде этого:

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