Jquery Выбрать текущий элемент

Question

У меня есть как минимум два «новостных ящика» на моем веб-сайте, используя такой код:

<a class="newsbox" href="#"><span>TITLE</span><div>read more</div></a>
<a class="newsbox" href="#"><span>TITLE</span><div>read more</div></a>

С помощью этого кода я скрываю «читать дальше» в этом теге привязки:

jQuery("a.newsbox div").hide();

, который отлично работает.

Теперь я хочу, чтобы «читать дальше» было видно только в текущем окне новостей.

Я пытался использовать этот код:

jQuery("a.newsbox").hover(function() {
    jQuery(this).hover(function() {
        jQuery("div").fadeIn();
    });
});

но это для всех тегов привязки с классом "newsbox". Как я могу выбрать текущий элемент и просто показать «читать дальше» для текущего элемента наведения?

Answer 1

Попробуйте что-то вроде этого:

$('a.newsbox').hover( function(){
  $(this).find('div').fadeToggle();
});

При использовании fadeToggle «read more» также будет скрываться при наведении мыши.

Answer 2

jQuery('div') выбирает все элементы div на странице.Вы должны дать ему контекст ...

jQuery("a.newsbox").hover(function() {
  jQuery("div", this).fadeIn();
});

См. http://api.jquery.com/jQuery/

Answer 3

jQuery("a.newsbox").hover(function() {
   jQuery(this).find('div').fadeIn();
});

Answer 4

Попробуйте этот код:

jQuery('a.newsbox').hover(function(){

   jQuery(this).children('div').fadeIn();

});