我有一系列没有 a
类的链接。我无法在 HTML 中手动添加任何类......否则我会的。我想使用 JavaScript 或 jQuery 来检测某个链接标签,并在找到匹配项时向其添加一个类。
这是 HTML:
<ul class="menu-main-nav">
<li><a href="/destination/">Duck</a></li>
<li><a href="/destination/">Duck</a></li>
<li><a href="/destination/">Goose</a></li>
</ul>
我想在“Goose”出现时添加一个类。这是我尝试过的……但失败了。
$(document).ready(function(){
if ($("#menu-main-nav li a").text() == "Goose") { this.addClass("itsagoose")};
});
最佳答案
使用 .filter
方法:
$("#menu-main-nav li a").filter(function(){
return $(this).text() == "Goose"; //<--- Only include these elements
}).addClass("itsagoose");
使用 .html()
而不是 .text()
如果您想要完全匹配,并且不想允许任何其他内容(例如,不匹配 <a><span>Goose</span></a>
)。
fiddle :http://jsfiddle.net/RWSCY/
关于javascript - 当链接具有特定标签时如何添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7882312/