I know that I have somewhere inside div on any depth ( maybe one or two or three, it changes over time ) with class="nested". How to find that element on any depth using JQuery ?

I tried like

var nest=$('#container_div').find('.nested'); but it doesn't work.

I know that I have somewhere inside div on any depth ( maybe one or two or three, it changes over time ) with class="nested". How to find that element on any depth using JQuery ?

I tried like

var nest=$('#container_div').find('.nested'); but it doesn't work.

• javascript
• jquery

Share Improve this question Follow edited May 5, 2012 at 15:24 Damir asked May 5, 2012 at 15:12 DamirDamir 56.3k9898 gold badges251251 silver badges368368 bronze badges 2

• 2 Other than missing an apostrophe your code should work fine. find() will look for the element no matter how deep it is. – kapa Commented May 5, 2012 at 15:14
• You're missing a quote. This works fine: $('#container_div .nested') (.find() is not needed). – Rob W Commented May 5, 2012 at 15:15

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

And another syntax for fun:

var nest = $( '.nested', '#container_div' );

I give jQuery a context of where to look for the .nested class.

var nest=$('#container_div').find('.nested'); Maybe you forgot quote?

Nothing wrong with the other answer but:

var nest=$('#container_div .nested');

is more concise. Separating selectors with a space is the same as find within a selector. If for some reason you wanted to limit to direct children only,

var nest=$('#container_div > .nested');