选择具有某个类的元素的父级 [英] Select the parent of an element which has a certain class

问题描述

我建立了一个导航栏，其中有以下类型的标记：

I built up a navigation bar which has the following sort of markup:

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

在这里的一个活动中，我可以访问 code>用户单击的元素。

In one my events here, I have the access to the a element on which the user clicked.

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

我想在这里为了我的目的有两件事。应用了活动类的上一个 li 标记;其次， li 标记为刚刚点击的 a 。如何访问？

There are two things I want to get here for my purpose. The previous li tag which has the active class applied and secondly, the li tag for the a which has just been clicked. How can that be accessed?

推荐答案

尝试：

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

这篇关于选择具有某个类的元素的父级的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！