Nie jest selektorem klasy w jQuery

Czy istnieje proste wyrażenie selektora, aby nie wybierać elementów o określonej klasie?

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

Chcę tylko zdobyć pierwsze trzy divy i spróbować

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

Ale otrzymuje to wszystko, ponieważ ostatni div zawiera więcej niż pierwszy takt. Czy istnieje sposób użycia symbolu zastępczego w takim wyrażeniu? Coś w tym stylu

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

Jakieś inne selektory, które mogą pomóc?

Potrzebujesz :not()selektora:

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

lub alternatywnie .not()metoda:

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

Możesz użyć :notselektora filtrów:

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

Lub not()metoda:

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

Więcej informacji:

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