Question

我试图让这个工作在哪里，如果你将照片类悬停在div上，照片信息会滑入该div（不是两者）。我想我需要这个＆＃39;这个＆＃39;在Jquery，但我有点失落。我不想给每个div.photo一个单独的id。我该如何修改我的剧本？

                  <div class="photo">
                      <div class="photo-info"><p>Some information</p></div>                   
                  </div>
                  <div class="photo">
                      <div class="photo-info"><p>Some information</p></div>                   
                  </div>

.photo-info {display：none;}

<script>
$(document).ready(function() {

$(".photo").hover(function () {
    $(".photo-info").slideToggle("slow");
});

});
</script>

Answer 1

$(".photo").hover(function () {
    $(this).find(".photo-info").slideToggle("slow");
});

Answer 2

在这里使用这个你可以得到那个div的孩子

$(this).children(".photo-info").slideToggle("slow");

Answer 3

您需要使用this选择器和find来确保您只访问该元素的子项，如下所示：

    $(".photo").hover(function () {
        $(this).find(".photo-info").slideToggle("slow");
    });

查看此jsFiddle

Answer 4

为了做你想做的事，你确实需要使用this，但不要害怕。它实际上非常简单。看一下这个片段：

    $(".photo").hover(function () {
    $(".photo-info").slideToggle("slow");
});

请改用：

$(this).children(".photo-info").slideToggle("slow");

所有问题都解决了。希望这会有所帮助。

JQuery Slide（this）元素

4 个答案: