Question

我有一系列没有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")};
});

Answer 1

使用.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>）。

小提琴：http://jsfiddle.net/RWSCY/

Answer 2

查看jQuery contains selector。这就是它的用途：）

Answer 3

好吧，你可以使用过滤器：

Demo

$("a").filter(function(){
    return $(this).text() == "Goose"
});

如何在链接具有特定标签时添加类

3 个答案:

Demo