jquery排除数组元素

Question

我有一个想要有效维护的元素数组，随着时间的推移添加和删除元素数组。

var myElements = $('.initial');

jquery 的merge() 似乎非常适合添加项目，因为它不会创建新数组而只是添加到现有数组：

$.merge(myElements, $('.to-add'));

是否有等效的删除方法，也可以就地修改数组？比如：

$.exclude(myElements, $('.to-remove'));

我确实有 DOM 元素的数组，选择器只是用作示例。

Answer 1

假设你在 a 中寻找 b 的相对补码。 而且您不想在处理时创建其他对象。 该函数适用于普通数组和 jQuery 集。 （因此使用 $.each、$.inArray 而不是 Array.prototype.forEach Array.prototype.indexOf）

我写了一个符合你要求的函数。

$.exclude = function(a,b) {
    var idx;
    $.each(b, function(i, val) {
      while((idx = $.inArray(val, a)) !== -1) {
         a.splice(idx, 1);         
      }
    })
    return a;
}

在这里测试这段代码 https://jsfiddle.net/happyhj/uwd4L1dm/8/

你可以这样使用。

$.exclude(myElements, $('.to-remove'));

Answer 2

使用jquerynot方法，

var filtered = $(myElements).not($('.to-remove'));

Answer 3

您可以使用delete 从数组中删除一个元素，然后使用$.grep 删除空白空间。

//[0] since $("#id") will be a jquery Object
//[0] will return the particular DOM element

var orgArray = [$("#merge1")[0],$("#merge2")[0],$("#merge3")[0]];
var secArray = [$("#merge4")[0],$("#merge5")[0]]

// Will merge other two values; 
// jQuery merge will merge contents of 
//two array into first array

var merArray = $.merge(secArray, orgArray);

// Want to remove $("#merge2");

var getIndex = merArray.indexOf($("#merge2")[0]);
    if(getIndex >-1){
     delete merArray[getIndex] 
    }

// length before filtering
$("#l1").text(merArray.length);

//Now will remove Empty Space

merArray = $.grep(merArray,function(n){
 return n==0 || n
});
$("#l2").text(merArray.length);

JSFIDDLE

Answer 4

您正在使用用于数组字面量的方法。 jQuery 已经有了 add() 方法，它将返回一个修改后的 jQuery 对象，其中包含与选择器匹配的元素

var myElements = $('.initial');
var newCollection = myElements.add('.to-add');    
newCollection.not('.to-remove').doSomething();

不要将 jQuery 对象视为数组，尽管它们是 类似数组的。

参考add()

目前尚不清楚您的总体目标到底是什么，但很可能您可以使用 api 中已经存在的任意数量的过滤方法来管理它