Jquery Remove All Event Handlers Inside Element

I have a div element with several elements inside it like buttons and so forth which have event handlers attached to them. I know its possible to go: $('#button1').off() To remove

Solution 1:

jQuery will do the looping for you for just the direct children:

$("#div1").children().off();

or if you want all descendants:

$("#div1").find("*").off();

Solution 2:

Does this help:

$("#div1").find('*').off();

Solution 3:

Try with

$("#div1 >* ").off();

Or:

$("#div1").find('button').off();

if you're talking about <button> elements