Content vor einem Element einfügen

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>
Neuen Kommentar hinzufügen

Sie können einen Kommentar abgeben, indem Sie das unten stehende Formular ausfüllen. Nur Text. Web- und E-Mail-Adressen werden in anklickbare Links umgewandelt.