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

Question

I have a series of links with no a classes. I am unable to manually add any classes in the HTML...otherwise I would. I want to use either JavaScript or jQuery to detect a certain link label and add a class to it if the match is found.

Here is the 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>

I want to add a class whenever "Goose" appears. Here is what I attempted...and failed.

$(document).ready(function(){
    if ($("#menu-main-nav li a").text() == "Goose") { this.addClass("itsagoose")};
});

Answer 1

Use the .filter method:

$("#menu-main-nav li a").filter(function(){
    return $(this).text() == "Goose"; //<--- Only include these elements
}).addClass("itsagoose");

Use .html() instead of .text() if you want an exact match, and don't want to allow anything else (eg, don't match <a><span>Goose</span></a> ).

Fiddle: http://jsfiddle.net/RWSCY/

Answer 2

Look at the jQuery contains selector . That's what it's for :)

Answer 3

Well, you could use filter:

Demo

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