单击li元素时如何获取ul类名

Question

点击li - jquery

时如何获取ul类名

<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>

编辑：

例如，当我点击“li”时，我需要获取ul的类名和div的类名。

那就是我需要班级名称“tabs”和“div-class”。

当我使用下面的代码时，我得到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"));
});