Question

How can I get an element by id, and then inside this element get all elements by class name using jQuery? It’s pretty easy to do this using the standard JS functions getElementById() and getElementsByClassName(), but unfortunately IE 7-8 do not support the latter.

Answer 1

You have a few options:

The first, using a css selector:

$('#idOfElement .classNameOfElements');

Or using find():

$('#idOfElement').find('.classNameOfElements');

Or using selector context:

$('.classNameOfElements', '#idOfElement');

It’s worth noting that using the context (final) approach causes jQuery to internally implement the find() method.

References:

• find().
• selector context.