Как присвоить класс на наведенный элемент?

Question

[ant1vit]

Будет много div, при наведение на div прячется в нем картинка и показывается текст, сейчас эти действия применяются для всех, а как сделать чтобы только для наведенного?
https://jsfiddle.net/nvedvhc8/

Comments

[monochromer]

А почему нельзя сделать с помощью css'ного `:hover`?

[ant1vit]

Я сделал на css, но хочется на JQ попробовать

Answer 1

[Ivan Bogachev]

Используйте $(this):

$("div").hover(function(){
    $(this).children("img").hide();
}

или

$("div").hover(function(){
    $(this).find("img").hide();
}

Различия children и find хорошо описаны в документации.

Answer 2

[Сергей Горностаев]

Использовать this

$("div").hover(function() {
    $(this).find('span').removeClass("t");
    $(this).find("img").hide();
},
function() {
    $(this).find('span').addClass("t");
    $(this).find("img").show();
});

Comments

[ant1vit]

А если применять эти правила не при наведение на div, а при наведение ссылку, span получиться внутри ссылке, а вот img снаружи, то как в этом случае сделать?

[Сергей Горностаев]

ant1vit: var container = $(this).parent(); container.find('span'); container.find('img');

[ant1vit]

Спасибо большое

Answer 3

[Emptyform]

А нафига тут JQuery??

div{
  vertical-align: top;
}

div:hover img {
  display: none;
}

div:hover .t{
  display: block;
}