How to select ALL children (in any level) from a parent in jQuery?

Question

I have to .unbind() all elements from a parent node.

How can I select all children (at any level) from a parent?

Tried :

$('#google_translate_element *').unbind('click'); 

but it works only for the first children's level...

Here there is a test case

Answer 1

Use jQuery.find() to find children more than one level deep.

The .find() and .children() methods are similar, except that the latter only travels a single level down the DOM tree.

$('#google_translate_element').find('*').unbind('click'); 

You need the '*' in find():

Unlike in the rest of the tree traversal methods, the selector expression is required in a call to .find(). If we need to retrieve all of the descendant elements, we can pass in the universal selector '*' to accomplish this.

Answer 2

I think you could do:

$('#google_translate_element').find('*').each(function(){     $(this).unbind('click'); }); 

but it would cause a lot of overhead