Использование (this) для выбора указанного c экземпляра класса при наведении на родительский элемент

Question

Я пытаюсь использовать jQuery для обновления css указанного c экземпляра дочернего класса "slide-at c", когда пользователь наводит курсор на его родительский элемент "slide- block "class.

Мое единственное ограничение - я не могу редактировать HTML напрямую. Вот код, который я пытался, но я не думаю, что я использую .this () правильно

  $(".slide-block").hover(function(){
    $(this).(".slide-atc").css("bottom", "0px");
    }, function(){
    $(this).(".slide-atc").css("bottom", "-70px");
  });

<div class="slide-block">
            <div class="slide-atc">

        </div>
    </div>

Любая помощь очень ценится!

Answer 1

В вашем коде есть синтаксическая ошибка: вам нужно будет связать .find() для выбора вложенного потомка, то есть:

$(this).find(".slide-atc").css("bottom", "0px");

В качестве альтернативы, вы можете указать this в качестве второго аргумента в jQuery селектор:

$(".slide-atc", this).css("bottom", "0px");

Answer 2

Пожалуйста, попробуйте использовать «это» без знака $. Слово «это» является ссылкой на элемент html в самом DOM, который является источником события. С другой стороны, $ (this) - это оболочка jQuery вокруг этого элемента, которая позволяет использовать другие методы jQuery. Кроме того, я думаю, что в строке 4 отображается ошибка, поскольку второй параметр не является фоновым цветом.