jQuery - Verwyder elemente


Met jQuery is dit maklik om bestaande HTML-elemente te verwyder.


Verwyder elemente/inhoud

Om elemente en inhoud te verwyder, is daar hoofsaaklik twee jQuery-metodes:

  • remove() - Verwyder die geselekteerde element (en sy kinderelemente)
  • empty() - Verwyder die kind elemente van die geselekteerde element

jQuery verwyder() Metode

Die jQuery remove()-metode verwyder die geselekteerde element(e) en sy kinderelemente.

Voorbeeld

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

jQuery leeg() Metode

Die jQuery empty()-metode verwyder die kind-elemente van die geselekteerde element(e).

Voorbeeld

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


Filtreer die elemente wat verwyder moet word

Die jQuery remove()-metode aanvaar ook een parameter, wat jou toelaat om die elemente wat verwyder moet word, te filter.

Die parameter kan enige van die jQuery-kiesersintakse wees.

Die volgende voorbeeld verwyder alle <p>elemente met class="test":  

Voorbeeld

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

Hierdie voorbeeld verwyder alle <p>elemente met class="test"en class="demo":  

Voorbeeld

$("p").remove(".test, .demo");

jQuery Oefeninge

Toets jouself met oefeninge

Oefening:

Gebruik 'n jQuery-metode om ' n <div>-element te verwyder.

$("div").();


jQuery HTML-verwysing

Vir 'n volledige oorsig van alle jQuery HTML-metodes, gaan asseblief na ons jQuery HTML/CSS-verwysing .