TOC

jQuery clone () Beispiel

Beispiel für jQuery clone ()

Mit jQueryclone() wird eine Kopie der übereinstimmenden Elemente erstellt. Außerdem wird ein boolescher Parameter unterstützt, der angibt, ob die Ereignishandler und -daten zusammen mit den übereinstimmenden Elementen kopiert werden müssen.

1. Klonen Sie die HTML-Elemente

Sie werden beispielsweise den folgenden HTML-Code klonen. 

 

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

Verwenden Sie clone (), um eine Kopie der obigen Elemente zu erstellen, und fügen Sie die kopierten Elemente nach dem div-Tag ein, das den Klassennamen "smallBox" enthält. 

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

Das Ergebnis : 

 

    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. Klonen Sie den Ereignishandler

Das nächste Beispiel ist das Klonen des Schaltflächen-Klick-Ereignisses. Sie werden die Schaltfläche kopieren, die die ID "cloneButton1" enthält.

Wenn Sie die Standardeinstellungclone() or clone(false) method, it will copy the button element only, but not the click() event handler. verwenden 

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

Um den click () -Ereignishandler zusammen mit übereinstimmenden Elementen zu kopieren, sollten Sie clone (true) verwenden. 

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

Versuch es selber 









  
jQuery clone() example


  

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

Probieren Sie die Demo aus

Related