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

演示

Answer 2

尝试这个

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

Answer 3

如果您想将append文本或 html 发送到，span那么您可以按如下方式进行。

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

append 将在末尾添加文本到 span 标签。

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

Answer 4

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

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

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

希望这可以帮助。