I have some code like this and I want to select every <a> tag with the class status in the div foo

<div id="foo">
...
<a class = "status"> ... </a>
...
</div>

I have some code like this and I want to select every <a> tag with the class status in the div foo

<div id="foo">
...
<a class = "status"> ... </a>
...
</div>

• javascript
• jquery
• performance
• selector

• Looks like you forgot a closing quote – Andrew Marshall Commented Feb 21, 2011 at 6:34

8 Answers 8

You can do this $('#foo').find('.status')

The selector would be:

$("#foo a.status");

Try this and read this:

$("#foo a.status")

Good luck!

This works.

$("#foo").find("a.status")

Try this:

$('div#foo a.status')

The docs are here

try with

$('div#foo > a.status')

it selects the anchors which are DIRECT children of div #foo

jQuery('#foo')     //select elm with id foo
.find('a.status')  //find anchor with class

There is no such thing as a "jQuery selector", what you mean is :

either CSS selector :

In that case the answer is div#foo a.status or also div#foo > a.status (depending if there are intermediate containers)

or jQuery functions :

In that case there are several ways to do it :

• $('div#foo a.status')
• $('div#foo > a.status')
• $('div#foo').find('a.status')
• $('div#foo').children('a.status')