javascript - 选择具有特定类的元素的父级

Question

我建立了一个具有以下标记的导航栏:

<ul class="nav">
    <li class="active"><a href="blah.html">S</a></li>
    <li><a href="blah1.html">S1</a></li>
    <li><a href="blah2.html">S2</a></li>
    <li><a href="blah3.html">S3</a></li>
</ul>

在我这里的一个事件中，我可以访问用户单击的 a 元素。

$('.nav').on('click', 'li a', function(){
var clickedLink = $(this);
var prevActiveLI = ?
var currentClickedAnchorsParentLI = ?
});

为了我的目的，我想在这里完成两件事。前面的 li 标签应用了 active 类，其次，a 的 li 标签刚刚应用被点击。如何访问它？

Answer 1

试试这个:

$('.nav').on('click', 'li a', function(){
    var clickedLink = $(this);
    var prevActiveLI = $('.active', $clickedLink.closest('.nav'));
    var currentClickedAnchorsParentLI = $clickedLink.closest('li');
});