更改超链接内的子串颜色

Question

我在页面上有多个链接，看起来像这样

<a class="ui-corner-all" tabindex="-1">20 | 11-APRIL-2012 | 349 | MDP | MR ABC, | Street 4 ,abc@example.com,</a>

我想将MR ABC的颜色更改为红色...任何jquery选择器

Answer 1

要突出显示文字，您可以使用内部span：

​$("a.ui-corner-all").html(function(i, val) {
    return val.replace(/(MR ABC)/, "<span style='color: #ff0000'>$1</span>");
})​​​;​

DEMO： http://jsfiddle.net/qY4M7/

Answer 2

jQuery('a.ui-corner-all').html(function(index, value) {
    return value.replace(new RegExp('(MR ABC)', "g"), "<span class='highlight'>$1</span>");
});

和你的css：

span.highlight {
    color: #00FF0F
}

您可以看到它正常工作here。

Answer 3

考虑将所需文本包装在span标记中并为其添加css规则？

a.ui-corner-all span {color: red;}

Answer 4

看一下 Wrap a span around a word in jQuery ？

基本上你可以使用jQuery搜索高亮插件或只是编写自己的小函数来查找子字符串并将其包装在span中，然后将css样式应用于它。