0

私は次のHTMLタグを持っています:

<td>Akshay Hulyalkar</td>

'Aks'上記のHTMLタグのスタイルを次のように変更したいと思います。

<td><span style="font-weight:bold;color:#808080">Aks</span>hay Hulyalkar</td>

私は次のように試しました。

      text = $('td').html();
      text = text.replace(chars, '<span style="font-weight:bold;color:#808080">'+chars+'</span>');
      $(this).html(text);

しかし、それは元のものを置き換えるものではありません。私がやっていることは正しいですか?

4

5 に答える 5

4

TD はテーブルの外にあるべきではありませんが、関連するコードのみを投稿したと仮定しています。これが私がそれを機能させる方法です:

デモ: http://jsfiddle.net/tymeJV/e5Rtr/

var text = $("td").text();
var chars = "Aks";
console.log(text);

text = text.replace(chars, '<span style="font-weight:bold; color:#808080;">'+chars+'</span>');

$("td").html(text);
于 2013-05-17T13:07:43.993 に答える
1

これを行う簡単な方法を次に示します。

var spanText = $('td');
var chars = "Aks";
spanText.html(spanText.text().replace(chars, '<span>'+chars+'</span>'));

デモ

これはあなたが探しているものだと思いますがchars、例では宣言していません。

于 2013-05-17T13:15:50.760 に答える
1

この場合、何$(this)を指しますか?代わりにこれをやりませんか?

text = $('td').html();
text = text.replace(chars, '<span style="font-weight:bold;color:#808080">'+chars+'</span>');
$('td').html(text);
于 2013-05-17T13:06:22.210 に答える
0

のようにしてみてください

$("td").css('color','#808080');
$("td").css('font-weight','bold');

そしてあなたのコードに従って試してください

text = $('td').text(); //retrive the text
text = text.replace(chars, '<span style="font-weight:bold;color:#808080">'+chars+'</span>');
$('td').html(text);   //put it as like html
于 2013-05-17T13:02:24.380 に答える