All but Not jQuery Selector

Question

I can select (using jQuery) all divs in the HTML markup as follows:

$('div') 

But I want to exclude a specific div (for example, having id="myid" ) from the above selection.

How to do this using jQuery functions?

Answer 1

Plain:

 $('div').not('#myid'); 

Using .not() will remove the elements corresponding to the selector selected by it from the set returned by $('div') .

You can also use the :not() selector:

 $('div:not(#myid)'); 

Both selectors do the same thing, however :not() faster , presumably because the jQuery Sizzle selector mechanism can optimize it in a native .querySelectorAll() call.

Answer 2

 var els = toArray(document.getElementsByTagName("div")); els.splice(els.indexOf(document.getElementById("someId"), 1); 

You could just do it the old fashioned way. No need for jQuery with something so simple.

Professional Tips:

The dom element set is just an array, so use your favorite toArray method on a NodeList .

Adding items to a set is easy

set.push.apply(set, arrOfElements);

Removing an item from a collection

set.splice(set.indexOf(el), 1)

You cannot easily delete several items at once :(

Answer 3

 $("div:not(#myid)") 

^[doc]

or

 $("div").not("#myid") 

^[doc]

- basic ways to select all but one id

Here you can see the demo.

Answer 4

  var elements = $('div').not('#myid'); 

This will include all divs except one with id 'myid'

Answer 5

 $('div:not(#myid)'); 

that’s what you need, I think.

Answer 6

This should do it:

 $('div:not("#myid")') 

Answer 7

You use the .not property of the .not library:

 $('div').not('#myDiv').css('background-color', '#000000'); 

See in action here . Div #myDiv will be white.