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