jQuery - Usuń elementy


Dzięki jQuery łatwo jest usunąć istniejące elementy HTML.


Usuń elementy/treść

Do usuwania elementów i treści służą głównie dwie metody jQuery:

  • remove() - Usuwa wybrany element (i jego elementy podrzędne)
  • empty() - Usuwa elementy podrzędne z wybranego elementu

Metoda jQuery remove()

Metoda jQuery remove()usuwa wybrane elementy i ich elementy podrzędne.

Przykład

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

jQuery empty() Metoda

Metoda jQuery empty()usuwa elementy podrzędne wybranych elementów.

Przykład

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


Filtruj elementy do usunięcia

Metoda jQuery remove()przyjmuje również jeden parametr, co pozwala na filtrowanie elementów do usunięcia.

Parametr może być dowolną składnią selektora jQuery.

Poniższy przykład usuwa wszystkie <p>elementy z class="test":  

Przykład

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

Ten przykład usuwa wszystkie <p>elementy z class="test"i class="demo":  

Przykład

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

Ćwiczenia z jQuery

Sprawdź się za pomocą ćwiczeń

Ćwiczenie:

Użyj metody jQuery, aby usunąć element <div>.

$("div").();


Dokumentacja HTML jQuery

Aby uzyskać pełny przegląd wszystkich metod jQuery HTML, przejdź do naszego jQuery HTML/CSS Reference .