javascript - 在悬停父元素时使用 (this) 选择类的特定实例

Question

当用户将鼠标悬停在“slide-block”类的父元素上时，我尝试使用 jQuery 更新子“slide-atc”类的特定实例的 css。

我唯一的限制是我不能直接编辑 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");