javascript - 如何使用 jQuery 获取特定类的 ID？

Question

我有一些类名为 hover 的 div 元素，这些 div 元素的父 div 具有类名 hoverparent 但这些父元素的 id 不同。

将鼠标悬停在我的 .hover div 元素上时是否可以获取相应 .hoverparent 元素的 ID？

我试图通过以下方式得到这个:

$('.hoverparent').attr('id')

但它每次都会给出相同的第一个父 ID。

结构如下:

<div class="hoverparent" id="hover-1">
<div class="hover">ABC</div>
</div>
<div class="hoverparent" id="hover-2">
<div class="hover">DEF</div>
</div>

Answer 1

您需要使用parent或closest遍历 DOM 树以查找您要查找的“父”元素的函数:

$(".hover").hover(function() {
    var $parent = $(this).closest(".hoverparent");
    alert($parent.attr("id"));
});

parent 和 closest 之间的区别在于，第一个仅在 .hoverparent 元素是直接父元素时才起作用<.hover 元素的/em>； closest 将向上搜索所有 祖先来找到它。