"All but not" jQuery selector
I can select (using jQuery) all the divs in a HTML markup as follows:
$('div')
But I want to exclude a particular div
(say having id="myid"
) from the above selection.
How can I do this using Jquery functions?
Simple:
$('div').not('#myid');
Using .not()
will remove elements matched by the selector given to 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()
is faster, presumably because jQuery's selector engine Sizzle can optimise it into a native .querySelectorAll()
call.
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.
Pro tips:
A set of dom elements is just an array, so use your favourite toArray
method on a NodeList
.
Adding elements to a set is just
set.push.apply(set, arrOfElements);
Removing an element from a set is
set.splice(set.indexOf(el), 1)
You can't easily remove multiple elements at once :(
$("div:not(#myid)")
[doc]
or
$("div").not("#myid")
[doc]
are main ways to select all but one id
You can see demo here
var elements = $('div').not('#myid');
This will include all the divs except the one with id 'myid'
$('div:not(#myid)');
this is what you need i think.