javascript - jQuery - 在按钮之前选择 li

Question

我得到了一个类似的列表:

    <li>
        <a data-id="..." data-name="..." data-vname="..." style="font-weight: 400; padding: 5px 15px; cursor: pointer;">
            <span class="badge badge-primary pull-right"><?php echo $count;?></span><i class="fa fa-fw fa-server push-5-r"></i> ...
        </a>
    </li>

现在我想为<a>做一个点击功能元素，它使 li 类处于事件状态，当我单击另一个对象时将其从第一个对象中删除。我的第一次尝试:

$( "a" ).click(function() {
        $( this ).prev().addClass('active');
});

如何选择<li>在此()之前？

提前致谢。

Answer 1

.prev()方法用于获取前一个同级元素，在您的情况下，li 是祖先元素。

要获取直接父级(如您的情况)，您可以使用 .parent() ，但如果您在某些级别上追随 parent ，您可以使用 .closest()

$( "a" ).click(function() {
        $( this ).parent().addClass('active');
        //or $( this ).closest('li').addClass('active');
});