jQuery：如何在文本节点后添加元素？

Question

说我有以下标记：

<h1>Hello</h1>

现在，我想在<span id="foo" class="bar">world</span>之后添加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语句即<。p>来完成

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

如图所示http://jsfiddle.net/R5CpP/1/