このようなページに複数のリンクがあります
<a class="ui-corner-all" tabindex="-1">20 | 11-APRIL-2012 | 349 | MDP | MR ABC, | Street 4 ,abc@example.com,</a>
MRABCの色を赤に変更したい...任意のjqueryセレクター
テキストを強調表示するには、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/
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
}
ここで動作することがわかります。
目的のテキストをspan
タグでラップし、それにcssルールを追加することを考えましたか?
a.ui-corner-all span {color: red;}
このWrap a span around a word in jQuery をご覧ください。
基本的には、jQuery 検索ハイライト プラグインを使用するか、独自の小さな関数を記述して部分文字列を検索し、それを でラップしてspan
からそれに css スタイルを適用することができます。