TOC

Exemple avec jQuery clone ()

Exemple avec jQuery clone ()

jQueryclone() est utilisé pour créer une copie des éléments correspondants. Il prend également en charge un paramètre booléen pour indiquer s'il est nécessaire de copier les gestionnaires d'événements et les données avec les éléments correspondants.

1. Clonez les éléments html

Par exemple, vous allez cloner le code html suivant. 

 

    I'm a small box
    
I'm a small small inner box

Utilisez clone () pour créer une copie des éléments ci-dessus et placez les éléments copiés après la balise div qui contient un nom de classe «smallBox». 

$('.smallBox').clone().insertAfter(".smallBox");

Le résultat : 

 

    I'm a small box
    
I'm a small small inner box

 

  

    I'm a small box
    
I'm a small small inner box

2. Cloner le gestionnaire d'événements

L’exemple suivant sera le clonage de l’événement de clic de bouton, vous allez copier le bouton qui contient un identifiant ‘cloneButton1’.

Si vous utilisez lesclone() or clone(false) method, it will copy the button element only, but not the click() event handler. par défaut 

$('#cloneButton1').clone().insertAfter("#cloneButton1");

Pour copier le gestionnaire d'événements click () avec les éléments correspondants, vous devez utiliser clone (true). 

$('#cloneButton1').clone(true).insertAfter("#cloneButton1");

Essayez-le vous-même 









  
jQuery clone() example


  

    I'm a small box
    
I'm a small small inner box

Essayez la démo

Related