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

Попробуй это

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

Answer 3

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

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

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

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

Answer 4

Я только что нашел способ добавить текст и, по крайней мере, работает нормально.

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

Вы можете изменить текст в соответствии с вашими потребностями.

Надеюсь это поможет.