Hide all select elements within a div using jquery?

Question

How would I hide all of the 'select' html elements within a specific div using jquery?

Thanks

Answer 1

If the div has class "yourClass", then you can use:

$('div.yourClass').find('select').hide();

If you identify the div by id, then it is better to use only id in the selector:

$('#divId').find('select').hide();

You can also save one function call by using "ancestor descendant" selector:

$('#divId select').hide();