Как использовать «this» на внутреннем div от родителя

Question

У меня есть быстрая веб-программа, которая, когда вы наведите курсор на другое изображение, появляется под ним маленькая рамка.

настроить функцию быстрого следующим образом:

$('.indArtistBox').hover(function(){ 
    $('.description').show(); 
}); 

Эта проблема, я хочу, чтобы некоторые, как включить this, потому что я хочу только описание будет показано на .indArtistBox, что в настоящее время парил на.

Я пробовал $(this).('.description'), но это явно не сработало. Как бы я это сделал?

Answer 1

Использование find.

$(this).find(".classOfYourSubObject")./* ... */ 

Answer 2

Вы можете установить this как context для селектора:

$('.description', this).show(); 

Внутренне это реализуется с .find() методом JQuery, так что это эквивалентно:

$(this).find('.description').show(); 

Если .description' является прямой ребенок от .indArtistBox, it seems to be faster in most browsers для использования jQuery's .children(), поскольку этот метод перемещается только на один уровень вниз по дереву DOM.

$(this).children('.description').show();