jQuery dokumenthantering - replaceWith() metod

jQuery effekt referenshandbok

Exempel

Ersätt varje avsnitt med fet text:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

Prova själv

Definition och användning

replaceWith()-metoden ersätter det valda elementet med angivet HTML-innehåll eller element.

Tips:replaceWith() och replaceAll() Har samma effekt. Skillnaden ligger i syntaxen: platsen för innehållet och väljaren, samt att replaceAll() inte kan använda funktioner för att ersätta.

Syntax

$().replaceWith(content)
Parameter Beskrivning
content

Obligatorisk. Anger innehållet som ska ersätta det valda elementet.

Möjliga värden:

  • HTML-kod - till exempel ("<div></div>")
  • Nytt element - till exempel (document.createElement("div"))
  • Existerande element - till exempel ($(".div1"))

Existerande element kommer inte att flyttas, utan bara kopieras och inneslutas runt det valda elementet.
Obligatorisk. Anger det element som ska ersättas.

Använd en funktion för att ersätta elementet

Använd en funktion för att ersätta det valda elementet med nytt innehåll.

Syntax

$().replaceWith(function())

Prova själv

Parameter Beskrivning
function() Obligatorisk. En funktion som returnerar det nya innehållet för det valda elementet att ersätta.

Mer exempel

Använd det nya elementet för att ersätta elementet
Använd document.createElement() för att skapa ett nytt DOM-element, och använd sedan detta element för att ersätta det valda elementet.

jQuery effekt referenshandbok