どのようにリチウムをクリックしながら、ULのクラス名を取得するにはどのようにli要素

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> 

EDITED：

たとえば、私は、 "LI" をクリックしたとき私はulのクラス名とdivのクラス名を取得する必要があります。

私はクラス名 "タブ"と "divクラス"が必要です。

私は以下のコードを使用すると、私は "div-class-parent"を取得するdivの親クラス名を取得します。

$('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')); 
}); 

EDIT

$('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")); 
});