0

このようなページに複数のリンクがあります

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

MRABCの色を赤に変更したい...任意の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

目的のテキストをspanタグでラップし、それにcssルールを追加することを考えましたか?

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

于 2012-06-11T12:27:45.953 に答える
0

このWrap a span around a word in jQuery をご覧ください。

基本的には、jQuery 検索ハイライト プラグインを使用するか、独自の小さな関数を記述して部分文字列を検索し、それを でラップしてspanからそれに css スタイルを適用することができます。

于 2012-06-11T12:32:10.970 に答える