jQuery在现有段落标记内附加文本

Question

我试图使用jQuery在段落的末尾添加其他文本.我的想法是产生这样的结构:

从我的答案来看,我会澄清.我需要先创建这个结构.这是我觉得困难的部分,而不是第二个最终结果.那么我该如何动态创建:

<p>old-dynamic-text<span id="add_here"></span></p>

然后在添加新文本后,它将如下所示:

<p>old-dynamic-text<span id="add_here">new-dynamic-text</span></p>

我一直在使用.wrapAll()方法,但我无法达到预期的效果.这是执行此操作的最佳方式(如果是这样的话),还是有另一种方法将新文本附加到现有段落的末尾(需要将其包装在某种类型的标记中,因为我需要以不同的方式设置样式) ？

Answer 1

试试这个...

$('p').append('<span id="add_here">new-dynamic-text</span>');

或者,如果存在跨度,请执行此操作.

$('p').children('span').text('new-dynamic-text');

DEMO

Answer 2

尝试这个

$('#add_here').text('new-dynamic-text');