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');

Answer 3

我刚刚发现了一种附加文本的方法，至少可以正常工作。

 var text = 'Put any text here';
 $('#text').append(text);

您可以根据需要更改文本。

希望这会有所帮助。

Answer 4

如果您想要append文字或html转到span，那么您可以按照以下方式进行操作。

$('p span#add_here').append('text goes here');

追加将在末尾添加文本到span标记。

要替换整个文字或跨度内的html，您可以使用.text()或.html()