jQuery-dokumentointi - replaceWith()-menetelmä

jQuery vaikutusviittakirja

Esimerkki

Korvaa jokainen kappale粗体文本：

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

Kokeile itse

Määritelmä ja käyttö

replaceWith()-menetelmä korvaa valitun elementin määritetulla HTML-sisällöllä tai elementillä.

Vinkki:replaceWith() ja replaceAll() Toimii samalla tavalla. Ero on syntaksissa: sisällön ja valitsimen sijainti, ja replaceAll() ei voi käyttää funktioita korvaamiseen.

Syntaksi

$(valitsin).korvaa(content)
Parametrit Kuvaus
content

Välttämätön. Määritä korvattavan elementin sisältö.

Mahdolliset arvot:

  • HTML-koodi - esimerkiksi ("<div></div>")
  • Uusi elementti - esimerkiksi (document.createElement("div"))
  • Olemassa oleva elementti - esimerkiksi ($(".div1"))

Olemassa oleva elementti ei siirretä, vaan kopioidaan ja sisällytetään valittuun elementtiin.
valitsin Välttämätön. Määritä korvattava elementti.

Käytä funktiota korvata elementti

Käytä funktiota korvata valittu elementti uudella sisällöllä.

Syntaksi

$(valitsin).korvaa(function())

Kokeile itse

Parametrit Kuvaus
function() Välttämätön. Palauttaa uuden sisällön, joka korvaa valitun elementin.

Lisää esimerkkejä

Korvaa elementti uudella elementillä
Luo uusi DOM-elementti käyttämällä document.createElement() ja korvaa sitten valittu elementti tällä.

jQuery vaikutusviittakirja