Как проверить куда навел?

@ApachEsH · Регистрация: 28.09.2017

Author24 — интернет-сервис помощи студентам

Решил сделать ховер, но проблема в том, что классы у элементов одинаковые, а нужно чтобы ховер срабатывал только на том диве, на который наведу. Сейчас же навожу на один - срабатывают все, что принципе не удивительно. Можно ли как-то проверить куда я наведу и обработать?

HTML5

<div class="box">
  <div class="color"></div>
</div>
<div class="box">
  <div class="color"></div>
</div>
<div class="box">
  <div class="color"></div>
</div>

Javascript

$(".box").mouseenter(function(){
 
    $("div.color").addClass("red");
  
});
 
$(".box").mouseleave(function(){
 
    $("div.color").removeClass("red");
  
});

с CSS для наглядности jsfiddle.net/roro1nw8/

@j2FunOnly · 25.10.2017, 10:01

JavaScript this jQuery#find jQuery#children

Javascript

$(".box").mouseenter(function(){
 
    $(this).find('.color').addClass("red");
  
});
 
$(".box").mouseleave(function(){
 
    $(this).find('.color').removeClass("red");
  
});

@ApachEsH · 25.10.2017, 10:07 **[ТС]**

j2FunOnly, на счет this знал, а вот за find что-то забыл. Впрочем я подозревал, что решение очень простое. Спасибо огромное

@ApachEsH 0 / 0 / 0 Регистрация: 28.09.2017 Сообщений: 41
	25.10.2017, 10:07 [ТС]	3
	j2FunOnly, на счет this знал, а вот за find что-то забыл. Впрочем я подозревал, что решение очень простое. Спасибо огромное 0