Benutzerspezifische Werkzeuge
Sie sind hier: Startseite Programmierung jQuery / Javascript Content einfügen Content nach einem Element einfügen
Tag Cloud
Inhalt in Zahlen
  • Seiten: 195
  • Ordner: 83
  • Links: 42
 

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>
Kommentieren

Sie können einen Kommentar abgeben, indem Sie das untenstehende Formular ausfüllen. Nur Text.

Frage: Wieviel ist vier - eins (Bitte eine Zahl als Ziffer schreiben)?
Ergebnis: