Добавление стилей при наведении

257
26 июня 2017, 19:13

Нужно чтобы при наведении на определенную .card у .fastview, .backet и .click убирался класс .hide. Смог написать только

$(function() {
  $(".card").mouseover(function() {
    $(".basket, .click, .fastview").removeClass("hide");
  });
  $(".card").mouseout(function() {
    $(".basket, .click, .fastview").addClass("hide");
  })
})

в результате чего класс .hide убирается на всех .card, а надо только на той, на которую наводишь. помогите кто чем может)

Answer 1

Вы можете получить карточку, на которую навели курсор, вот так:

$(this)

Затем можно воспользоваться методом find чтобы найти в этой карточке объекты, стили которых нужно изменить.

$(function() {
  $(".card").mouseover(function() {
    $(this).find(".basket, .click, .fastview").removeClass("hide");
  });
  $(".card").mouseout(function() {
    $(this).find(".basket, .click, .fastview").addClass("hide");
  });
});
READ ALSO
Авторизация Yii2 advanced на локальном сервере

Авторизация Yii2 advanced на локальном сервере

Как авторизоваться на странице backend с правами администратора? База данных создалась в MySQL менеджере Open Server командой yii migrate, создались migration...

319
Как связать 3 таблицы mysql

Как связать 3 таблицы mysql

ЗдравствуйтеУ меня имеется 3 таблицы в mysql goods, group_name, remainders

318
Проблема с mysql - не запускается

Проблема с mysql - не запускается

Уже 2 часа пробую решить ошибку mysql

318