What is the jQuery selector for selecting anchor elements with a particular class in a particular div

Question

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>

Answer 1

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

Answer 2

The selector would be:

$("#foo a.status");

Answer 3

Try this and read this:

$("#foo a.status")

Good luck!

Answer 4

This works.

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

Answer 5

Try this:

$('div#foo a.status')

The docs are here

Answer 6

try with

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

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

Answer 7

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

Answer 8

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')