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

Content vor einem Element einfügen

abgelegt unter: ,
Zum Einfügen nach einem Element wird .before() verwendet - .insertBefore() 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 .before()

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

 

Und so sieht dann das Ergebnis aus:

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