Menu
I want to clone a <select> tag with it's data attribute but without its events.
Following JQuery Official .clone() api, I understand I can clone without data and events by calling
$('#grolsh').clone(), or perform a
$('#grolsh').clone(true) which will copy data and events.
I want to keep the data but clear the events associates with the original item.
333
Well the default implementation of the clone() method doesn't copy events unless you tell the clone() method to copy the events. The clone() method takes a parameter, if you pass true then it will copy the events as well.
To clone an element using jQuery, use the jQuery. clone() method. The clone() method clones matched DOM Elements and select the clones. This is useful for moving copies of the elements to another location in the DOM.
The . clone() method performs a deep copy of the set of matched elements, meaning that it copies the matched elements as well as all of their descendant elements and text nodes.
As from version 1.7, off() is the preferred method for unbinding:
$('#grolsh').clone(true).off();
Just use
$('#grolsh').clone(); // Copies the element structure
$('#grolsh').clone(true) // Copies both data and events along with the structure
$('#grolsh').clone(true).off() // Copies both data and events and removes handlers
Events bound with .on() and removed using .off();
Events bound with .bind() and removed using .unbind();
28
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
