Copier un élément
clone() clone
Sélectionne et duplique (clone) les éléments DOM trouvés. Cette fonction est utile pour créer des copies d’éléments et les déplacer vers un autre endroit spécifié du DOM.
$("p").clone() : copie le paragraphe.
Paramètres (optionnel) : indiquez true si vous souhaitez cloner les gestionnaires d’événements associés à la sélection.
Cette méthode renvoie un objet jQuery.
Exemple
Clonons une division et son contenu (<div id="div1">) pour les déplacer à un autre endroit de la page (<div id="div2">).
Affichage initial :
Le document HTML :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#div2").hide();
$("button").click(function () {
$("#div1").clone().prependTo("#div2");
$("#div2").show();
});
});
</script>
<style> ...
Conditions générales d'utilisationCopyright - © Editions ENI ||Politique de protection des données du groupe ENI