jQuery: selector question (classname with space)

Question

hi all,

i'm trying to get a div which has "panel current" as classname. the problem is the space - how can i select it?

thx

Answer 1

Class names can't have spaces in them. What you have there is two classes:

<div class="panel current">

This div has two classes: panel and current. That's easily selected:

$("div.panel.current")...

That means select all divs that have class panel and class current.

Answer 2

The div has two class names, one "panel" and the other "current". You can use $("div.panel") or $("div.current") to select it.

Answer 3

panel current is not a class name, actually it is two class names. You could use the following selector:

$('.panel.current')

Answer 4

$('div').filter(function() {
    return this.className == 'panel current';
});

OR

$("div[class='panel current']");

Use this if you need to match an element with an exact match of class names (including spaces)

The other posters are right, the DiV you posted has two class names: 'panel' and 'current'; If you want to select them both, use $('.panel.current').

This will also include elements like:

<div class="foo panel bar current"></div>