jQuery ta bort element

Genom jQuery kan du enkelt ta bort befintliga HTML-element.

Ta bort element/innehåll

För att ta bort element och innehåll kan du generellt använda följande två jQuery-metoder:

  • remove() - Ta bort det valda elementet (och dess underkomponenter)
  • empty() - Ta bort underkomponenterna från det valda elementet

jQuery remove()-metoden

jQuery remove()-metoden tar bort det valda elementet och dess underkomponenter.

Exempel

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

Prova själv

jQuery empty()-metoden

jQuery empty()-metoden tar bort underkomponenterna till det valda elementet.

Exempel

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

Prova själv

Filtrera borttagna element

jQuery remove()-metoden kan också acceptera en parameter som tillåter dig att filtrera borttagna element.

Parametern kan vara valfri jQuery-väljare syntax.

Följande exempel tar bort alla <p>-element med class="italic":

Exempel

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

Prova själv

jQuery HTML-referenshandbok

För fullständig information om jQuery HTML-metoder, besök följande referenshandbok: