jquery - 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 语句来做到这一点，即

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

如此处所示http://jsfiddle.net/R5CpP/1/