jQuery: Select an element only when it has no class name

Question

How can I use jQuery to select an element only if it doesn\'t have any classes?

I\'m writing a page which allows the html author to override the default jQuery action by

Answer 1

This should do the thing: $('li').not('li[class]')

Answer 2

:not() Selector – jQuery API

$('li:not([class])')

Answer 3

You can use this:

if (!jQuery('li').hasClass('myClass') {
    do something...
}

Answer 4

This should do it:

$('li:not([class]),li[class=""]')

Demo: http://jsfiddle.net/aMC5X/

The first part, li:not([class]) uses the "not selector" with the "has attribute" to find any li elements that don't have the class attribute at all.

The second part, li[class=""] finds any li elements that have the attribute set to an empty string.