jquery - jQuery:テキストノードの後に​​要素を追加する方法は?

Question

次のマークアップがあるとします。

<h1>Hello</h1>

そして今、結果のマークアップが得られるように<span id="foo" class="bar">world</span>afterを追加したいと思います。Hello

<h1>Hello<span id="foo" class="bar">world</span></h1>

jQueryでこれを行うにはどうすればよいですか?

Answer 1

$("h1").append( '<span id="foo" class="bar">world</span>' )

Answer 2

デモ http://jsfiddle.net/3zc3N/3/これを実現するいくつかの方法または http://jsfiddle.net/3zc3N/6/

コード

$("h1").html($('h1').text() + ' <span id="foo" class="bar">world</span>');

また

上記のもの：http://jsfiddle.net/3zc3N/

$("h1").append(' <span id="foo" class="bar">world</span>');

Answer 3

こんにちは、.append ステートメントを使用するだけで簡単に実行できます。

 $('#heading').append($('<span />').text(' World')); 

ここに示すようにhttp://jsfiddle.net/R5CpP/1/