Η μέθοδος detach στο jQuery
Η μέθοδος detach, σε αντίθεση με τη μέθοδο remove, αφαιρεί τα επιλεγμένα
στοιχεία με δυνατότητα επαναφοράς τους.
Ας υποθέσουμε ότι έχουμε τον ακόλουθο κώδικα HTML:
<p id="test">κείμενο</p>
<div></div>
Ας αφαιρέσουμε πρώτα το στοιχείο #test
χρησιμοποιώντας το detach και στη συνέχεια να το επαναφέρουμε
σε άλλο σημείο χρησιμοποιώντας τη μέθοδο
appendTo
(αυτό είναι δυνατό, καθώς στη μεταβλητή $elem
μετά την αφαίρεση παραμένει ακόμα μια αναφορά σε αυτό):
let $elem = $('#test');
$elem.detach(); // αφαιρούμε το στοιχείο
/*
Εισάγουμε το στοιχείο πίσω στη σελίδα
(όχι απαραίτητα στην ίδια θέση που ήταν):
*/
$elem.appendTo('div');
Υπενθυμίζω ότι το δολάριο στη μεταβλητή $elem
γράφεται ως ένδειξη ότι περιέχει ένα σύνολο jQuery.
Αφαιρέστε το p με id: #test
χρησιμοποιώντας το detach και στη συνέχεια εισάγετε το
πριν από το h3.