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

Ответ 1

Попробуйте это...

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

ИЛИ, если существует существующий диапазон, сделайте это.

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

DEMO

Ответ 2

Попробуйте это

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

Ответ 3

Если вы хотите append текст или html на span, вы можете сделать это, как показано ниже.

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

append добавит текст в тег span в конце.

чтобы заменить весь текст или html внутри диапазона, вы можете использовать .text() или .html()