如何使用jQuery獲取特定類的ID？

Question

我有一些具有類名稱hover div元素，這些div元素具有具有類名hoverparent父div，但是這些父元素的id不同。

將.hoverparent懸停在.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元素; 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);
});