Metoden detach i jQuery
I modsætning til metoden remove fjerner metoden detach de valgte
elementer med mulighed for at gendanne dem.
Lad os sige, at vi har følgende HTML-kode:
<p id="test">tekst</p>
<div></div>
Lad os først fjerne elementet #test
ved hjælp af detach, og derefter gendanne det
på et andet sted ved hjælp af metoden
appendTo
(dette er muligt, fordi variablen $elem
stadig indeholder en reference til den efter fjernelsen):
let $elem = $('#test');
$elem.detach(); // fjerner elementet
/*
Indsætter elementet tilbage på siden
(ikke nødvendigvis på samme sted, hvor det var):
*/
$elem.appendTo('div');
Jeg minder om, at dollartegnet i variablen $elem
er skrevet for at indikere, at den indeholder et jQuery-objekt.
Fjern p med id: #test
ved hjælp af detach, og indsæt det derefter
foran h3.