JQuery добавить текст внутри существующего тега абзаца

Я пытаюсь добавить дополнительный текст в конец абзаца, используя 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(), но я не могу получить желаемый эффект. Это лучший способ сделать это (и если да, то как), или есть другой способ добавить новый текст в конец существующего абзаца (который нужно обернуть в тег определенного типа, так как мне нужно по-разному стилизовать его)

Ответы

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

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

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

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