选择＆＃34; li＆＃34;标签后面的元素

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元素是锚标记的父级。您需要使用.parent()或.closest()而不是.prev()：

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

或

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

Answer 2

您可以使用:has() jquery选择器：

$("li:has(a:contains('Testing'))")

或.has()方法：

$('li').has("a:contains('Testing')")