Question

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

是否可以在我的.hoverparent div元素上悬停时获取相应.hover元素的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的直接父时才有效元件; closest将向上搜索所有祖先以查找它。

Answer 2

在你的悬停回调中尝试$（this）.parent（）。attr（'id'）。

Answer 3

$('.hover').mouseover(function() {
    $(this).parent().attr('id');
});

Answer 4

不要叫你的班级悬停。这应该工作

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

Answer 5

像这样添加每个循环：

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

Answer 6

在悬停事件的处理程序中使用父方法：

$('.hover').hover(function(evt){
    var par = $(this).parent().attr('id');
    //Now do with ID what you need
},
function(evt){
    //presumably you don't need anything for mouseout
});

Answer 7

您可以尝试使用parent()方法。像这样：

$('a').click(function(){
  var parentId = $(this).parent('div.hoverparent').attr('id');
});

Answer 8

$(".hover").hover(function(){

console.log($(this).closest(".hoverparent").attr("id"));
});

这里是小提琴http://jsfiddle.net/9dJJ9/1/show/

Answer 9

尝试以下方法：

$('.hover').hover(function() {
    var parentID = $(this).parent().attr('id');    alert(parentID);
});

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

9 个答案: