在悬停父元素时使用（此）选择类的特定实例

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");

或者，您可以在jQuery选择器中提供this作为第二个参数：

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

Answer 2

请尝试使用不带$号的“ this”。单词“ this”是对作为事件源的DOM本身中html元素的引用。另一方面，“ $（this）”是围绕该元素的jQuery包装器，可以使用其他jQuery方法。另外，我认为您在第4行出现错误，因为第二个参数不是background-color。