Выберите элемент или первый соответствующий родительский элемент с помощью jQuery

Question

Я хотел бы применить наложение к элементу, на котором наводится символ, если он соответствует определенным критериям, или первому родительскому элементу, который соответствует критериям, если это не так.

Учитывая следующий пример HTML и предполагая, я хочу, чтобы применить наложение к любому элементу с классом «соответствует»:

<div class='matches'> 
    some Text <span>some more text</span> 
</div> 

Я хотел бы его там, где, если пользователь наводит курсор на «какой-то текст» overlay применяется к div, и если они навешиваются над «некоторым текстом», наложение также применяется к div, так как это первый родитель с классом «совпадений».

Единственный способ, которым я могу думать, это следить за событием зависания на каждом отдельном элементе, который кажется очень неэффективным. Это нормально делать, или есть лучший способ сделать это?

Answer 1

Это должно работать

$('.matches').on('mouseenter', function(e) { 
    // $(this) is .matches element 
}) 

Edit - оригинал был слишком сложным. $(this) должен быть тем элементом, который вы хотите.

Проводка решения Аскер здесь, чтобы сделать его легче найти:

http://jsfiddle.net/swwh8/1/

$('.matches').hover(function(e) { 
    $('.matches').removeClass('highlight'); 
    $(this).addClass('highlight'); 
    e.stopPropagation(); 
}, function (e) { 
    $(this).removeClass('highlight'); 
    $(this).parent().closest('.matches').addClass('highlight'); 
});