0

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

var myElements = $('.initial');

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

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

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

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

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

4

4 回答 4

2

假设你在 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'));
于 2016-01-12T05:58:23.247 回答
1

使用jquerynot方法，

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

于 2016-01-12T04:04:41.550 回答
0

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

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

不要将 jQuery 对象视为数组，尽管它们类似于.

参考add()

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

于 2016-01-12T04:55:25.910 回答
0

您可以使用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

于 2016-01-12T04:42:54.993 回答