jquery - jQuery：特定のテキストの色を変更する

Question

私はこれを理解できないようです。Webページに以下のコードがあります。jQueryを使用して「ここをクリック」を青または色に変更するにはどうすればよいですか？

<td width="30%" valign="top" align="left" 
class="td-label-276-7365 td-label-276 labeltext" 
id="td-label-field-7365">Flavors [Click here] :
</td>

前もって感謝します。

Answer 1

「ここをクリック」の色を変更するだけで、絶対にJSを使用する必要がある場合は、次の操作を実行できます。

var text = $('td').text();
text = text.replace(/\[Click\shere\]/g, '[<font color="blue">Click here</font>]');
$('td').html(text);

ただし、次のように、htmlとcssを使用して直接実行することをお勧めします。

<td width="30%" ...>Flavors [<span class="blue">Click here</span>] :</td>

そしてあなたのCSSで：

span.blue {
   color: blue;
}

デモ：両方のアプローチをここで見ることができます

Answer 2

使用するcss()

 $('#td-label-field-7365').css('color','blue');

更新しました

[ここをクリック]だけで色を変更する必要がある場合は、その周りの広告スパンを使用してくださいcss()

html

<td width="30%" valign="top" align="left" 
class="td-label-276-7365 td-label-276 labeltext" 
id="td-label-field-7365">Flavors <span>[Click here]</span>
</td>

jquery

$('#td-label-field-7365 span').css('color','blue');

Answer 3

$('#td-label-field-7365').css('color', 'blue');

Answer 4

$('.labeltext').css('color','blue');