Hvordan fjerne HTML -element fra DOM ved hjelp av jQuery

I nettprogrammeringsutviklere møter ofte situasjoner der det kreves å fjerne enten hele HTML -elementet eller bare elementene som er nestet i et spesifisert element. For å utføre disse oppgavene med stor letthet er det visse jQuery -metoder tilgjengelig som for eksempel Fjern () og tom (). Denne oppskrivningen vil lede deg om hvordan du bruker disse metodene for å fjerne et HTML-element ved hjelp av relevante eksempler.

Fjern et HTML -element ved hjelp av jQuery

Bruk de under-nevnte metodene for å fjerne elementer i jQuery.

1. fjerne()
2. tømme()

Her har vi diskutert de ovennevnte metodene dyptgående.

Fjern () Metode

Denne metoden fjerner et HTML -element og alt inni det, som inkluderer innhold, eller elementer som er nestet i det spesifiserte elementet.

Eksempel

Anta at du vil fjerne et element inkludert alle de nestede elementene som er til stede i det ved hjelp av Fjern () -metoden. Bruk følgende kode.

Html

Noe avsnitt

Fjerne

I ovennevnte HTML -kode har vi opprettet en, og inni at vi har nestet en

element. Dessuten har vi også laget en knapp som vil fjerne elementet.

jQuery

$ (dokument).klar (funksjon ()
$ (".knapp1 ").klikk (funksjon ()
$ (".div ").fjerne();
);
);

Nå har vi brukt Remove () -metoden som vil fjerne hele og alle barnelementene.

Produksjon

Fjern () -metoden har fjernet hele Div med hell.

tom () metode

Den tomme () metoden brukes også for å fjerne elementer, men denne metoden fjerner bare innholdet eller elementene som er nestet inne i det spesifiserte elementet.

Eksempel

For å demonstrere arbeidet med den tomme () metoden, bruker vi eksemplet ovenfor, men nå i stedet for å bruke Fjern () -metoden, vil vi bruke den tomme () metoden.

jQuery

$ (dokument).klar (funksjon ()
$ (".knapp1 ").klikk (funksjon ()
$ (".div ").tømme();
);
);

I koden ovenfor brukes den tomme () metoden som bare fjerner innholdet eller elementene som er nestet inne i Div.

Produksjon

De nestede elementene inne i Div er fjernet med hell.

Konklusjon

HTML -elementer kan fjernes ved hjelp av de to metodene levert av jQuery som er; Fjern (), og tom (). Fjern () -metoden fjerner et HTML -element og alt inni det, som inkluderer alt innhold, eller elementer som er nestet i det spesifiserte elementet, i mellomtiden fjerner den tomme () metoden bare innholdet eller elementene som er hekket inne i det spesifiserte elementet. Disse metodene fremheves i detalj i denne guiden, sammen med relevante eksempler.