基于该锚点jquery中的特定文本向锚点添加类

Question

jquery的新手并希望得到一些帮助。

我的标记看起来像这样：

<dl>
    <dt>colors</dt>
    <dd><a>red</a></dd>
    <dd><a>green</a></dd>
    <dd><a>blue</a></dd>
</dl>

我们只想说我只想在锚点上添加一个特定的类，其中包含文字＆＃34; green＆＃34;。我该怎么做呢？

非常感谢

Answer 1

你也可以使用addClass（）函数作为参数：

$('a').addClass(function(){
    return $.trim($(this).text()) == 'green' ? "someClass" : ""    
});

Answer 2

您可以使用:contains

$('a:contains(green)').addClass('myClass')

或过滤器，如果您需要更具体，案例等等。

$('dd a').filter(function() {
    return $(this).text().toLowerCase() == 'green';
}).addClass('myClass');

Answer 3

:contains selector将返回部分匹配，例如green将匹配green，lightgreen或darkgreen，因此大多数情况下我选择使用{{ 3}}

$('dl a').filter(function(){
    return $.trim($(this).text()) == 'green'
}).addClass('newclass')