Jоuery событие на одном элементе?

Question

[gotohell]

Всем привет!
Написал код:

$(document).ready(function() {
  $('.cart').hover(function(){
  $('.cart').css({
    border: '1px solid #ccc',
  });
  $('.cart').fadeIn(500);
  return false;
  },
  function() {
  $('.cart').delay(500).queue(function(){
  });
  $('.cart').css({
    border: '1px solid #fff',
  });
  });
  return false;
  });

Он срабатывает но сразу на всех элементах, не могу сделать так что бы выполнение было только на наведенном элементе!
https://codepen.io/webmasterotboga/pen/awqvMK

Answer 1

[Stalker_RED]

// у вас так:
$('.cart').hover(function(){
  $('.cart') // выбираются все элементы с классом "cart"
    .css({
    border: '1px solid #ccc',
  });
 });
 // а нужно вот так:
$('.cart').hover(function(){
  $(this) // к текущему, перебираемому через each элементу добавляется jQuery обертка
   .css({
    border: '1px solid #ccc',
  });
 });

Comments

[gotohell]

Спасибо тебе дружище!