0

введите сюда описание изображения

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

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

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

2
  • Нужен кусок кода для конкретной помощи. Хотя бы один блок. 24 июн 2017 в 22:38
  • .card:hover приведет к той же проблеме, о которой я спрашивал, можно было каждую карту назвать по-своему, например .card1, .card2 и тд, и пришлось бы писать .card1:hover, .card2:hover, а если карт таких 100? с ума можно сойти
    – ur pride
    24 июн 2017 в 23:12

1 ответ 1

0

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

$(this)

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

$(function() {
  $(".card").mouseover(function() {
    $(this).find(".basket, .click, .fastview").removeClass("hide");
  });
  $(".card").mouseout(function() {
    $(this).find(".basket, .click, .fastview").addClass("hide");
  });
});
1
  • 1
    дай бог вам здоровья:D помогло)
    – ur pride
    24 июн 2017 в 22:43

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.