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

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()< /code> 而不是 .text() 如果您想要精确匹配，并且不想允许任何其他内容（例如，不匹配Goose）。

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

Answer 2

查看 jQuery 包含选择器。这就是它的用途:)

Answer 3

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

演示

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