Пример jQuery clone ()
jQueryclone() используется для создания копии совпадающих элементов. Он также поддерживает логический параметр, чтобы указать, нужно ли копировать обработчики событий и данные вместе с соответствующими элементами.
1. Клонировать элементы HTML
Например, вы собираетесь клонировать следующий HTML-код.
I'm a small boxI'm a small small inner box
Используйте clone (), чтобы создать копию вышеупомянутых элементов, и поместите скопированные элементы после тега div, который содержит имя класса «smallBox».
$('.smallBox').clone().insertAfter(".smallBox");
Результат :
I'm a small boxI'm a small small inner boxI'm a small boxI'm a small small inner box
2. Клонировать обработчик события
Следующий пример будет клонировать событие нажатия кнопки, вы собираетесь скопировать кнопку, которая содержит идентификатор «cloneButton1».
Если вы используетеclone() or clone(false) method, it will copy the button element only, but not the click() event handler. по умолчанию
$('#cloneButton1').clone().insertAfter("#cloneButton1");
Чтобы скопировать обработчик события click () вместе с соответствующими элементами, вы должны использовать clone (true).
$('#cloneButton1').clone(true).insertAfter("#cloneButton1");