我有以下代码:
<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')
最佳答案
现在您要将类 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>
关于javascript - 选择具有特定 anchor 标记文本的 li 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52593575/