如何基于值使用jQuery添加attr ID

Question

我想根据UL LI中的值在列表中添加一个attr DIV，如下所示。

<ul id="menu">
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

我希望我可以添加到列表About，但失败了。

我使用这样的代码：

<script type='text/javascript'> 
$(function() {
$('#menu li').html("About").attr("id","active")
}); 
</script>

但它没有用。有一个解决方案吗？

Answer 1

这应该有效

$(function(){
    $("#menu li a:contains('About')").parent().attr("id", "active");
})

Answer 2

您可以使用:contains选择器按其内容定位元素。在这种情况下，id属性将添加到列表中的a元素中，其中包含文字＆＃39;关于＆＃39;：

$('#menu li a:contains("About")').attr("id","active");

结果：

<li><a href="about.html" id="active">About</a></li>