jQuery select child element by class with unknown path

jquery class html selector css-selectors
Adam James picture Adam James · Aug 2, 2013 · Viewed 119.6k times · Source

I am trying to figure out the syntax for selecting a nth-child of an element by its class, however I don't know the exact path to the element. I can't do $('parent > child > grandchild > hereIam');

So basically I need to be able to say 

$('#thisElement').AllRelativesWithClass('.classToSelect')

How exactly do I do that?

Answer

Casey picture Casey · Aug 2, 2013

According to this documentation, the find method will search down through the tree of elements until it finds the element in the selector parameters. So $(parentSelector).find(childSelector) is the fastest and most efficient way to do this.

Related questions

How can I select item with class within a DIV?

I have the following HTML: <div id="mydiv"> <div class="myclass"></div> </div> I want to be able to use a selector that selects the inside div, but specific for the mydiv …

Read More
Add and remove a class on click using jQuery?

Please see this fiddle. I am trying to add and remove a class on li elements that are clicked. It is a menu and when one clicks on each li item I want it to gain the class and all …

Read More
jQuery select div with ID and class

I have the following: <article id="post-43" class="like"></article> <article id="post-56" class="like"></article> <article id="post-78" class="dislike"></article> <article id="bob" class="like"&…

Read More