Как добавить класс, когда ссылка имеет определенный ярлык

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>

Я хочу добавитькласс всякий раз, когда появляется "Гусь".Вот что я попытался ... и потерпел неудачу.

$(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>).

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

Answer 2

Посмотрите на jQuery содержит селектор . Вот для чего:)

Answer 3

Ну, вы можете использовать фильтр:

Демо

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