javascript - 寻找姐妹元素

Question

<div class="videoItem">
    <div class="innerVideoItem">
         <a><div class="overlayBg"></div></a>
         <a><img class="overlayPlay"><img></a>
    </div>
</div>
<script>
    $(".overlayPlay").hover(function(){
          // How do I find overlayBg here?
    });
</script>

如何在不使用 $(".overlayBg") 的情况下访问 .overlayBg？

Answer 1

在您的标记中，overlayBg 和 overlayPlay 不是 sibling ，它们是表兄弟，您可以使用 closest 和 find > 方法。

$(".overlayPlay").hover(function(){
    $(this).closest('.innerVideoItem').find('.overlayBg');
    // $(this).parent().prev().find('.overlayBg')
});