[解決済み】jQueryのクラスセレクタがない。

質問

特定のクラスを持つ要素を選択しない、簡単なセレクタ式はありますか？

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

最初の3つのdivを取得したいだけなのですが、試しに

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

しかし、これは最後のdivがfirst-barより多くを含んでいるので、すべてを受け取ります。このような式でプレースホルダーを使用する方法はありますか？次のようなものです。

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

他に役立つセレクタがあれば教えてください。

解決方法は？

を使用する必要があります。 :not() セレクタを使用します。

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

または、代わりに .not() メソッドを使用します。

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