javascript - 如果元素对象在数组中，则不要推送相同的元素对象

Question

我正在向这样的数组添加元素对象

window.elements = [];

var newElement = $(".element");
elements.push( newElement );

当单击一个元素时，它会使用上面的代码添加到数组中；如果我单击同一元素两次，即使该元素对象已在数组中，也会再次添加同一对象。

如何检查元素对象是否已经在数组中；不要添加它。我尝试了以下方法，但即使它在数组中也得到 -1。

var newElement = $(".element");
if( jQuery.inArray( newElement, elements ) ) {
   elements.push( newElement );
}

Answer 1

这是因为 jQuery.inArray 使用 === 并且两个单独的对象永远不会与 === 相同，因为它们指向引用不同的引用。当你执行$(选择器)时，你总是会得到一个新的对象。因此它们是指向同一 DOM 元素的两个不同引用。

因此，您可以做的是(一个可能的解决方案)向对象添加一个属性。

单击对象时设置数据属性

var newElement = $(".element");
if( ! $(".element").attr("data-arr")) {
   elements.push( newElement );
   $(".element").attr("data-arr", true);
}