Question

如何从另一个NodeList中删除一个NodeList？例如，如果我有：

var all = document.querySelectorAll('*');
var divs = document.querySelectorAll('div');

var removed = all - divs;

然而，这不起作用。这样做的正确方法是什么，结果是节点列表而不是数组？

Answer 1

您可以将all nodeList转换为数组，然后使用数组方法进行搜索和删除：

var all = Array.prototype.slice.call(document.querySelectorAll('*'), 0);
var divs = document.querySelectorAll('div');

for (var i = 0; i < divs.length; i++) {
   var pos = all.indexOf(divs[i]);
   if (pos !== -1) {
       all.splice(pos, 1);
   }
}

这需要IE9（对于.indexOf()）或者您可以使用polyfill使其在旧版本的IE中工作，或者您可以创建自己的函数来迭代数组以查找是否有元素匹配。

第二个想法，有一个更简单的方法来做到这一点：

var all = Array.prototype.slice.call(document.querySelectorAll('*'), 0);
for (var i = all.length - 1; i >= 0; i--) {
   if (all[i].tagName === "DIV") {
      all.splice(i, 1);
   }
}

Answer 2

var all = document.querySelectorAll('*');
var divs = document.querySelectorAll('div');

var removed = all.filter(function(i){
    return divs.indexOf(i) < 0;
});

从另一个NodeList中删除NodeList

2 个答案: