javascript - 在 Array JS 上完成

Question

我有一个数组 var $test = $(".main-div").find(".some-class img");

如何使用 JS 正确创建 if 语句 complete ？

if ($test.complete) {} 

仅当数组中的所有元素 (img) complete == true 时，我才需要执行函数。

//上面的例子不起作用，因为它是 jQuery 对象，而且它是一个数组

Answer 1

如果浏览器已完全加载与您的选择器匹配的每个图像，则以下内容将返回true:

[...document.querySelectorAll(".main-div .some-class img")].every(i=>i.complete)

用作 if 语句中的条件:

if ([...document.querySelectorAll(".main-div .some-class img")].every(i=>i.complete)) { 
  // do stuff 
}

[...] 使 document.querySelectorAll 返回的 nodeList 成为一个 array，以便您可以使用其上的数组方法 every() 。这称为数组扩展。

你也可以这样做

Array.from(document.querySelectorAll(".main-div .some-class img")).every(i=>i.complete)

或者，如果您需要支持支持 every() 但不支持 [...] 的浏览器:

Array.prototype.every.call(document.querySelectorAll(".main-div .some-class img"), function(i) { return i.complete })