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>

Solution 1

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

Solution 2

The selector would be:

$("#foo a.status");

Solution 3

Try this and read this:

$("#foo a.status")

Good luck!

Solution 4

This works.

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

View more solutions

Comments

[Alex]

A note: This will select only the anchors with a class of status that are direct children of the div with an id of foo. This may be what the OP was after, I just wanted to provide clarity here.

[Mauricio]

@Alex thanx, I'll add that to the answer

[Gonzalo Larralde]

hasClass returns boolean, not the elements that actually has the class. Anyway, the link is great.