Beispiel
Legen Sie eine <span> -Element vor jedem <p> Element:
$("button").click(function(){
$("<span>Hello world!</span>").insertBefore("p");
});
Versuch es selber " Definition und Verwendung
Die insertBefore() Methode fügt HTML - Elemente vor den ausgewählten Elementen.
Tipp: Um die HTML - Elemente nach den ausgewählten Elementen einzufügen, die Verwendung insertAfter() Methode.
Syntax
$(content).insertBefore(selector)| Parameter | Beschreibung |
|---|---|
| content | Erforderlich. Gibt den Inhalt eingefügt werden soll (muss HTML-Tags enthalten). Hinweis: Wenn derInhalteines vorhandenen Elements ist, wird sie von der aktuellen Position bewegt werden, und vor den ausgewählten Elementen eingefügt. |
| selector | Erforderlich. Gibt an, wo die Inhalte einfügen |
Probieren Sie es selbst - Beispiele
Legen Sie ein vorhandenes Element
Wie das zu verwenden insertBefore() Methode ein vorhandenes Element vor jedem ausgewählten Element einzufügen.