jQuery poistaa elementit

jQuery:n avulla on helppo poistaa olemassa olevia HTML-elementtejä.

Poista elementti/sisältö

Jos haluat poistaa elementit ja sisällön, voit yleensä käyttää seuraavia kahta jQuery-menetelmää:

  • remove() - Poista valitut elementit (sekä niiden alielementit)
  • empty() - Poista alielementit valituista elementeistä

jQuery remove()-menetelmä

jQuery remove()-menetelmä poistaa valitut elementit sekä niiden alielementit.

Esimerkki

$("#div1").remove();

Kokeile itse

jQuery empty()-menetelmä

jQuery empty()-menetelmä poistaa valittujen elementtien alielementit.

Esimerkki

$("#div1").empty();

Kokeile itse

Suodata poistettavat elementit

jQuery remove()-menetelmä voi myös hyväksyä parametrin, joka mahdollistaa poistettujen elementtien suodattamisen.

Tämä parametri voi olla mikä tahansa jQuery-valitsimen syntaksi.

Seuraavassa esimerkissä poistetaan kaikki class="italic" -sisältävät <p>-elementit:

Esimerkki

$("p").remove(".italic");

Kokeile itse

jQuery HTML-viittauskäsikirja

Jos haluat täydellisen kuvauksen jQuery HTML-menetelmistä, vieraile seuraavassa viittauskäsikirjassa: