jQuery Grundtutorials

jQuery Effekte

Die Methode replaceWith() von jQuery ersetzt den ausgewählten Elemente durch neue Inhalte.

Die Methode replaceWith() von jQuery ähneltreplaceAll()abercontentundselectorGegenteil.

Ersetzungscontent:

$(selector).replaceWith(content)

Inhalt durch Funktion ersetzen

$(selector).replaceWith(function(index))

Alle Absätze durch <h1Element:

Beispiel

$("button").click(function(){
　　$("p").replaceWith("<h1>Neuer Titel</h1>");
});

Inhalt durch Funktion ersetzen

Beispiel

$("button").click(function(){
　　$("p").replaceWith(function(i){
　　　　return "<h2>Dieser Element hat die Indexposition "　+　i　+　".</h2>";
　　});
});

Parameter	Beschreibung
content	Inhalt angeben, der eingefügt werden soll (kann HTML-Tags enthalten) Mögliche Werte: HTML-Element DOM-Element jQuery-Objekt
function(index)	Funktion angeben, die das zu ersetzende HTML-Inhalt zurückgibt index-Rückgabeposition des Elements im Satz