Διαγραφή στοιχείων jQuery

Με τη χρήση του jQuery, μπορείτε εύκολα να διαγράψετε υπάρχοντα στοιχεία HTML.

Διαγραφή στοιχείων/Περιεχομένου

Για τη διαγραφή στοιχείων και περιεχομένου, συνήθως χρησιμοποιούνται οι εξής δύο μεθόδους jQuery:

  • remove() - Διαγραφή του επιλεγμένου στοιχείου (και των υποστοιχείων του)
  • empty() - Διαγραφή υποστοιχείων από το επιλεγμένο στοιχείο

Η μεθοδος remove() του jQuery

Η μεθοδος remove() του jQuery διαγράφει το επιλεγμένο στοιχείο και τα υποστοιχεία του.

Παράδειγμα

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

Προσπαθήστε το شخصικά

Η μεθοδος empty() του jQuery

Η μεθοδος empty() του jQuery διαγράφει τα υποστοιχεία του επιλεγμένου στοιχείου.

Παράδειγμα

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

Προσπαθήστε το شخصικά

Φιλτράρισμα των στοιχείων που διαγράφονται

Η μεθοδος remove() του jQuery μπορεί επίσης να δεχτεί ένα παράμέτρο, το οποίο επιτρέπει τη φιλτράρισμα των στοιχείων που διαγράφονται.

Το παραμέτρο μπορεί να είναι οποιαδήποτε γραμματική της επιλογής jQuery.

Το παρακάτω παράδειγμα διαγράφει όλους τους στοιχεία <p> με class="italic":

Παράδειγμα

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

Προσπαθήστε το شخصικά

Οδηγός Εφαρμογής jQuery HTML

Για πλήρη περιγραφή των μεθόδων HTML του jQuery, παρακαλώ επισκεφθείτε τον παρακάτω οδηγό: