“全部但不是” jQuery选择器

我可以选择（使用jQuery）HTML标记中的所有div，如下所示：

$('div')

但我想从上述选择中排除特定的内容div（例如具有id="myid"）。

如何使用Jquery函数做到这一点？

简单：

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

使用.not()会从返回的集合中移除与选择器匹配的元素$('div')。

您还可以使用:not()选择器：

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

两个选择器的功能相同，但是:not()速度更快，这大概是因为jQuery的选择器引擎Sizzle可以将其优化为本地.querySelectorAll()调用。

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

您可以按照老式的方式进行操作。不需要jQuery这么简单的东西。

专业提示：

一组dom元素只是一个数组，因此请toArray在上使用您喜欢的方法NodeList。

将元素添加到集合中只是

set.push.apply(set, arrOfElements);

从集合中删除元素是

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

您不能一次轻松地删除多个元素:(

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

^[文档]

要么

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

^[文档]

是选择一个ID以外的所有ID的主要方法

你可以在这里看到演示

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

这将包括ID为“ myid”的所有div。

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

我认为这就是您所需要的。

应该这样做：

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

您使用.notjQuery库的属性：

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

看到它在这里行动。div #myDiv将为白色。