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

如果你想append文本或HTML到span那麼你可以如下做到這一點。

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

append將在末尾添加文本到span標籤。

更換整個文本或HTML範圍內可以使用.text()或.html()

Answer 3

試試這個

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