jQuery 在现有段落标签内 append 文本

Question

我正在尝试使用 jQuery 在段落末尾添加 append 文本。我的想法是产生这样的结构:

根据我的回答来看，我会澄清。我需要首先创建这个结构。这是我觉得困难的部分，而不是第二个最终结果。那么我如何动态创建这个:

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

添加新文本后，它看起来像这样:

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

我一直在使用 .wrapAll() 方法，但我无法完全获得所需的效果。这是执行此操作的最佳方法(如果是的话如何)，或者是否有另一种方法将新文本 append 到现有段落的末尾(需要将其包装在某种类型的标签中，因为我需要以不同的方式对其进行样式设置) ？

Answer 1

试试这个...

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

或者，如果存在现有跨度，请执行此操作。

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

DEMO