Не селектор класса в jQuery

Question

Есть ли простое выражение селектора, чтобы не выбирать элементы с определенным классом?

<div class="first-foo" />
<div class="first-moo" />
<div class="first-koo" />
<div class="first-bar second-foo" />

Я просто хочу получить первые три деления и попробовал

$(div[class^="first-"][class!="first-bar"])

Но это получаетвсе как последний div содержит больше, чем первый бар.Есть ли способ использовать заполнитель в таком выражении?Что-то в этом роде

$(div[class^="first-"][class!="first-bar*"]) // doesn't seem to work

Любые другие селекторы, которые могут помочь?

Answer 1

Вам необходим селектор :not():

$('div[class^="first-"]:not(.first-bar)')

или, альтернативно, метод .not():

$('div[class^="first-"]').not('.first-bar');

Answer 2

Вы можете использовать :not фильтр выбора:

$('foo:not(".someClass")')

или not() метод:

$('foo').not(".someClass")

Дополнительная информация:

• http://api.jquery.com/not-selector/
• http://api.jquery.com/not/