Почему jQuery .after () не связывает новый элемент в цепочку?

Мне любопытно, почему jQuery '.after () не связывает или "не предоставляет вам" & quot; новый элемент, который вы создаете с ним. Мне кажется, что так и должно быть, но я не эксперт и надеялся, что кто-нибудь сможет пролить свет на то, почему это плохая идея. Вот пример того, что я хотел бы получить от .after ():

Вот некоторая разметка:

<div id="content1">
    <p id="hello1">Hello</p>
</div>
<div id="content2">
    <p id="hello2">Hello</p>
</div>

Вот что я хочу, но это заменяет "Hello" с & quot; Мира! & quot ;:

$('#hello1').after('<p />').text('World!');

Это делает работу, но это ужасно

$('#hello2').after('<p />');
var $newParagraph = $('#content2 p').last();
$newParagraph.text('World');

Это лучше, но я не полностью продан (может быть, мне следует?)

$('#hello1').after( $('<p />').text('World') );

Обратите внимание, что это, очевидно, упрощенный пример, то есть & lt; p & gt; World! & Lt; / p & gt; " это не то, что я хочу добавить, моя проблема в реальном мире более сложна, чем эта.

Спасибо за любые мысли.

Ответы на вопрос(3)

Ваш ответ на вопрос