select element with jquery that has multiple classes

Question

$(".status").attr("rel");

.status can have up to three other additional classes added to it. .online, .away, .offline

if I do this:

$(".status.online").attr("rel");

it works when status has online as a second class, but not when it's been changed, how can I do this and it not matter what other classes it has?

Answer 1

If the element has multiple classes you can still select it just by using any of those class. So your selector is correct you don't have to change anything.

$(".status").attr("rel");

If you think that the class can change and it can have any or these classes(online, offline, away) along with status try this.

$(".status.online, status.offline, .status.away").attr("rel");

Answer 2

You can filter the results for the additional classes. I think this is what you want to do. Basically it says, get me all elements with class status. Then take those results and only return me the ones that also have online, away or offline.

$(".status").filter('.online, .away, .offline');

Answer 3

We can use..

$('.status').filter('.online, .offline, .away').each(function(){
    alert($(this).html());
    });'

It will alert the div HTML.

Answer 4

I think is something like this.

$(".status:regex(class, (online|offline))").attr("rel");

Trevor: I can't comment yet, so: What you did will search for 3 differents classes, which return more than one object, not a single one with the 3 classes

Answer 5

How about

$("status.online, .status.away, .status.offline");

or

$('.status').filter('.online, .offline, .away');

http://jsfiddle.net/nJcSp/1/