0

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

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

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

4

4 回答 4

2

要突出显示文本，您可以使用 inner span：

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

演示：http: //jsfiddle.net/qY4M7/

于 2012-06-11T12:29:02.487 回答
1 
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
}

你可以看到它在这里工作。

于 2012-06-11T13:39:18.890 回答
0

看看这个Wrap a span around a word in jQuery吗？

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

于 2012-06-11T12:32:10.970 回答
0

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

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

于 2012-06-11T12:27:45.953 回答