jQuery dokumentinhallinta - replaceAll() menetelmä

jQuery vaikutus viittausoppikirja

Esimerkki

Korvaa jokainen kappale粗体文本：

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

Kokeile itse

Määritelmä ja käyttö

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

Vinkki:replaceAll() ja replaceWith() Toiminnallisuus on sama. Ero on syntaksissa: sisällön ja valitsimen sijainti, sekä replaceWith() voi käyttää funktioita korvaamiseen.

Syntaksi

$(content).replaceAll(', 'selector)
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.
selector Välttämätön. Määritä korvattava elementti.

Lisää esimerkkejä

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

jQuery vaikutus viittausoppikirja