replaceWith-metodi

Metodi replaceWith korvaa elementtejä toisilla. Se toimii samankaltaisesti kuin metodi replaceAll.

Syntaksi

Menetelmän parametrina voi olla teksti (mahdollisesti tägeineen), taulukko, DOM-elementti tai jQuery-objekti:

javascript$(mitä_korvata).replaceWith(millä_korvata);

Valitut elementit korvataan käyttäjän määrittämän funktion palauttamalla sisällöllä. Funktiota kutsutaan erikseen jokaiselle valitulle elementille:

javascript$(valitsin).replaceWith(funktio());

Esimerkki

Korvataan kaikki luokan www omaavat kappaleet div-elementillä, jossa on teksti '!!!':

html<p class="www">teksti</p>
<p class="www">teksti</p>
<p class="www">teksti</p>
<p>teksti</p>

javascript$('p.www').replaceWith('<div>!!!</div>');

HTML-koodi näyttää tältä:

html<div>!!!</div>
<div>!!!</div>
<div>!!!</div>
<p>teksti</p>

Katso myös