什么是jQuery选择器，用于在特定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

你可以这样做$('#foo').find('.status')

Answer 2

选择器将是：

$("#foo a.status");

Answer 3

Try this and read this :

$("#foo a.status")

Good luck!

Answer 4

这有效。

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

Answer 5

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

Answer 6

try with

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

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

Answer 7

Try this:

$('div#foo a.status')

The docs are here

Answer 8

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