javascript - 选择具有特定 anchor 标记文本的 li 标记

Question

我有以下代码:

<ul id="ulId">
    <div>
        <div>
             <li class="cModel" style=""><a href="#">4RUNNER</a></li>
             <li class="cModel" style=""><a href="#">86</a></li>
             <li class="cModel" style=""><a href="#">AVALON</a></li>
        </div>
   </div>
</ul>

我想用特定的 anchor 文本将类 active 添加到 li，例如，我想将类 active 添加到 anchor 标记文本为“4RUNNER”的 li 元素。

我试过下面的代码，但它不工作:

$("#ulId li").find('a:contains(4RUNNER)').addClass('active')

Answer 1

现在您要将类 active 添加到 anchor 本身，您需要使用 jQuery 方法 parent() 到父节点 li 然后添加类:

$("#ulId li").find('a:contains(4RUNNER)').parent().addClass('active');
//Or
// $("#ulId li").find('a:contains(4RUNNER)').closest('li').addClass('active');

.active {
  background-color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="ulId">
  <div>
    <div>
      <li class="cModel active" style=""><a href="#">4RUNNER</a></li>
      <li class="cModel" style=""><a href="#">86</a></li>
      <li class="cModel" style=""><a href="#">AVALON</a></li>
    </div>
  </div>
</ul>