Question

我有类似这样的HTML代码：

<ul> <li><a href="#">21</a></li> <li><a href="#">10</a></li> <li><a href="#">6</a></li> <li><a href="#">1</a></li> <li><a href="#">7</a></li> <li><a href="#">5</a></li> </ul>

我想制作一个Jquery代码，将类添加到带有给定文本的链接（注意必须完全是文本）。例如，如果我调用Method(1, "replaced text")，那么这必须是HTML结果：

<ul> <li><a href="#">21</a></li> <li><a href="#">10</a></li> <li><a href="#">6</a></li> <li><a class="myclass" href="#">1</a>replaced text</li> <li><a href="#">7</a></li> <li><a href="#">5</a></li> </ul>

Answer 1

尝试：

function someName(niddle, new_text)
{
    $('ul a').each(function(){
        if($(this).text() == niddle){
            $(this).addClass('myclass');
            $(this).after(new_text);
        }
    });
}

Answer 2

您可以使用filter()来匹配元素，然后将addClass()链接到after()：

$("li > a").filter(function() {
    return $(this).text() == "1";
}).addClass("myclass").after("replaced text");

Answer 3

jQuery为此提供a selector

$('a:contains(10)').addClass('myclass');

尝试

处的代码

http://jsfiddle.net/8zmus/

Answer 4

jQuery没有为“这个确切的文本”提供选择器，但它很容易编写（laaeftr）。您还可以使用更灵活的“匹配”选择器，它将文本与正则表达式匹配（不带分隔符）：

$.extend($.expr[':'], {
    matches: function (el, index, m) {  
        var s = new RegExp(m[3]);
        return s.test($(el).text());
    }  
});

一旦我们得到了，其余的很容易：

$("li > a:matches(^10$)").addClass("foo")

http://jsfiddle.net/am7rY/

查找并替换具有特定文本的html元素

4 个答案: