jQuery - Odebrat prvky


S jQuery je snadné odstranit existující HTML prvky.


Odebrat prvky/obsah

K odstranění prvků a obsahu existují hlavně dvě metody jQuery:

  • remove()- Odebere vybraný prvek (a jeho podřízené prvky)
  • empty()- Odebere podřízené prvky z vybraného prvku

Metoda jQuery remove().

Metoda jQuery remove()odstraní vybrané prvky a jejich podřízené prvky.

Příklad

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

Metoda jQuery empty().

Metoda jQuery empty()odstraní podřízené prvky vybraných prvků.

Příklad

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


Filtrujte prvky, které mají být odstraněny

Metoda jQuery remove()také přijímá jeden parametr, který umožňuje filtrovat prvky, které mají být odstraněny.

Parametrem může být jakákoliv syntaxe selektoru jQuery.

Následující příklad odstraní všechny <p>prvky s class="test":  

Příklad

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

Tento příklad odstraní všechny <p>prvky s class="test"a class="demo":  

Příklad

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

Cvičení jQuery

Otestujte se pomocí cvičení

Cvičení:

K odstranění prvku <div> použijte metodu jQuery .

$("div").();


HTML reference jQuery

Úplný přehled všech metod jQuery HTML naleznete v naší jQuery HTML/CSS Reference .