jQueryを使用して<span>内のテキストを変更するにはどうすればよいですか?


122

本当に簡単な質問がありますが、これは私が今まで行ったことのないことです。私は以下を持っています:

<td id="abc" style="width:15px;"><span></span></td>

スパンにテキストを入れたいのですが。

jQueryでこれを行うにはどうすればよいですか。私はabcのidで物事を変更する方法を知っていますが、スパン内のコードは知りません。

ありがとう


5
jQueryのセレクターのドキュメントをご覧ください。
Felix Kling、2011

2
@Felix。+100。APIへのリンクは、サンプルコードの「ミュートされた」行よりも価値があります。
ロコC.ブルジャン

回答:


178
$('#abc span').text('baa baa black sheep');
$('#abc span').html('baa baa <strong>black sheep</strong>');

text()テキストコンテンツのみの場合。html()htmlコンテンツが含まれている場合。


6
<p>内部にあること<span>はすべてのDoctypeで有効ではないことに注意してください。
マダラのゴースト

54

これは、スパン内のHTMLコンテンツを変更するために使用されます

 $('#abc span').html('goes inside the span');

スパン内のテキストを変更する場合は、次を使用できます。

 $('#abc span').text('goes inside the span');


13

これを試して

$("#abc").html('<span class = "xyz"> SAMPLE TEXT</span>');

xyz内でそのスパンに関連するすべてのCSSを処理する

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.