Benutzerspezifische Werkzeuge
Sie sind hier: Startseite / Programmierung / jQuery / Javascript / Content einfügen / Content nach einem Element einfügen

Content nach einem Element einfügen

abgelegt unter: ,
Zum Einfügen nach einem Element wird .after() verwendet - .insertAfter() hat die gleiche Funktion

Folgenen HTML-Codeschnipsel wollen wir manipulieren:

<div id="container">
<h2>Container</h2>
<div class="section">
Sektion 1
</div>
<div class="section">
Sektion 2
</div>
</div>

 

Wir schreiben neuen Content mit .after()

$('.section').after('<p>Test</p>');

 

Und so sieht dann das Ergebnis aus:

<div id="container">
<h2>Container</h2>
<div class="section">
Sektion 1
</div>
<p>Test</p>
<div class="section">
Sektion 2
</div>
<p>Test</p>
</div>