Jak usunąć element HTML z DOM za pomocą JQuery
W programach internetowych programiści często stają w obliczu sytuacji, w których konieczne jest usunięcie całego elementu HTML lub tylko elementów zagnieżdżonych w określonym elemencie. Aby z łatwością wykonać te zadania, dostępne są pewne metody jQuery, takie jak usuń () i pusty (). Ten zapis poprowadzi Cię, jak użyć tych metod do usunięcia elementu HTML za pomocą odpowiednich przykładów.
Usuń element HTML za pomocą jQuery
Zastosuj poniżej wspomniane metody usuwania elementów w jQuery.
- usunąć()
- pusty()
Tutaj omówiliśmy wyżej wymienione metody dogłębnie.
Metoda usuwania ()
Ta metoda usuwa element HTML i wszystko w nim, który zawiera dowolną zawartość lub elementy zagnieżdżone w określonym elemencie.
Przykład
Załóżmy, że chcesz usunąć element, w tym wszystkie obecne zagnieżdżone elementy w nim za pomocą metody remove (). Użyj następującego kodu.
Html
Jakiś akapit
W powyższym kodzie HTML stworzyliśmy a w środku
element. Ponadto utworzyliśmy również przycisk, który usunie element.
JQuery
$ (dokument).gotowy (funkcja ()$ (".przycisk 1").kliknij (funkcja ()
$ (".div ").usunąć();
);
);
Teraz zastosowaliśmy metodę remove (), która usunie całe i wszystkie jej elementy dziecięce.
Wyjście
Metoda remove () z powodzeniem usunęła cały Div.
Metoda pustej ()
Metoda pustej () jest również stosowana do usuwania elementów, jednak ta metoda usuwa tylko zawartość lub elementy zagnieżdżone w określonym elemencie.
Przykład
Aby zademonstrować działanie metody pustej (), używamy powyższego przykładu, ale teraz zamiast stosować metodę resule ().
JQuery
$ (dokument).gotowy (funkcja ()$ (".przycisk 1").kliknij (funkcja ()
$ (".div ").pusty();
);
);
W powyższym kodzie używana jest metoda pustej (), która usunie tylko zawartość lub elementy zagnieżdżone w Div.
Wyjście
Zagnieżdżone elementy wewnątrz DIV zostały pomyślnie usunięte.
Wniosek
Elementy HTML można usunąć przy użyciu dwóch metod dostarczonych przez JQuery, które są; usuń () i pusty (). Metoda remove () usuwa element HTML i wszystko w nim, który zawiera dowolną zawartość lub elementy zagnieżdżone w określonym elemencie, tymczasem metoda pustej () usuwa tylko zawartość lub elementy zagnieżdżone w określonym elemencie. Metody te są szczegółowo podświetlone w tym przewodniku, wraz z odpowiednimi przykładami.