No selector de clase en jQuery

Question

¿Hay una expresión de selector simple para no seleccionar elementos con una clase específica?

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

sólo quiero conseguir los primeros tres divs y trataron

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

Pero esto recibe todos como el último div contiene más de primer bar. ¿Hay alguna forma de usar un marcador de posición en dicha expresión? Algo así

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

Cualquier otro selector que pueda ayudar?

Answer 1

Se necesita el :not() selector:

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

o, alternativamente, el .not() método:

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

Answer 2

Puede utilizar el selector de :not filtro:

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

O not() método :

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

Más información:

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