javascript - 选择 a 标签后的 "li"元素

Question

基本上，

我有一个看起来像这样的导航:

<li><a href="#">Testing</a></li>

我需要做的是向 <li> 添加一个类就在它前面的标签。因此，链接看起来像这样:

<li class="active"><a href="#">Testing</a></li>

我尝试使用以下内容:

 $(document).find("a:contains('Testing')").each(function(){
    var element=$(this);

  });

因此我假设 element指的是a标签，但是，即使我尝试使用 .prev()它仍然没有选择正确的标签。

我可以使用什么来选择 <li>元素？

Answer 1

li 元素是 anchor 标记的父元素。您需要使用 .parent() 或 .closest() 而不是使用 .prev():

$("a:contains('Testing')").parent().addClass('active');

或

$("a:contains('Testing')").closest('li').addClass('active');