Warum verkettet jQuery .after () das neue Element nicht?

Ich bin neugierig, warum jQueries .after () das neue Element, das Sie damit erstellen, nicht verkettet oder "bereitstellt". Es scheint mir, wie es sollte, aber ich bin kein Experte und hoffte, jemand könnte ein bisschen Licht in die Sache bringen, warum es eine schlechte Idee ist. Hier ist ein Beispiel, um zu sehen, was ich von .after () möchte:

Hier ist etwas Aufschlag:

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

Ich möchte Folgendes, aber dies ersetzt "Hallo" durch "Welt!":

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

Dies macht den Job, aber es ist sicher hässlich:

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

Das ist schöner, aber ich bin nicht ganz verkauft: (Vielleicht sollte ich es sein?)

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

Beachten Sie, dass dies offensichtlich ein vereinfachtes Beispiel ist, dh "<p> Welt! </ P>" ist nicht das, was ich hinzufügen möchte, mein Problem in der realen Welt ist komplexer.

Vielen Dank für alle Gedanken.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage