如何獲得UL類名，而李元素上點擊

Question

如何獲得UL類名，同時點擊李 - jQuery的

<div class="div-class-parent"> 
    <div class="div-class">test</div> 
    <ul class="tabs"> 
     <li class="node-205"></li> 
     <li class="node-150"></li> 
     <li class="node-160"></li> 
    </ul> 
</div> 

編輯：

例如，當我點擊「禮」我需要獲得ul的類名和div的類名。

這是我需要類名稱「選項卡」和「div級」。

當我使用下面的代碼，我得到div的父類名是我得到「div-class-parent」。

$('li').click(function() { 
    alert($(this).closest('div').attr('class')); 
}); 

這怎麼可以使用jQuery來完成。

在此先感謝...

Answer 1

簡單地引用父：

$('li').click(function() { 
    alert($(this).parent().attr('class')); 
}); 

或找到最接近的元素：

$('li').click(function() { 
    alert($(this).closest('ul').attr('class')); 
}); 

編輯

$('li').click(function() { 
    var $ul = $(this).closest('ul'); 
    alert($ul.attr('class')); // ul class 
    alert($ul.prev().attr('class')); // div class 
}); 

Answer 2

$('li').click(function(){ 
    alert($(this).parent().attr('class')) 
}) 

Answer 3

嘗試this簡單的小提琴。

HTML

<div class="div-class-parent"> 
    <div class="div-class">test</div> 
    <ul class="tabs"> 
     <li class="node-205"></li> 
     <li class="node-150"></li> 
     <li class="node-160"></li> 
    </ul> 
</div> 

JS

$("li").click(function(){ 
    alert($(this).parent().attr("class")); 
    alert($(this).parent().prev().attr("class")); 
});