Javascript 在数组JS上完成

Javascript 在数组JS上完成,javascript,jquery,Javascript,Jquery,我有一个数组var$test=$(“.main div”).find(“.some class img”) 如何使用JS正确创建if语句 只有当数组中的所有元素(img)都complete==true时,我才需要执行函数 //上面的示例不起作用,因为它是jQuery对象,并且是一个数组,您可以使用map()获取所有完整的值。然后,您可以检查返回值,如果返回值包含任何false,则会加载所有图像,您可以执行代码: var$test=$(.main div”).find(“.some class

我有一个数组
var$test=$(“.main div”).find(“.some class img”)

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

只有当数组中的所有元素(img)都
complete==true
时,我才需要执行函数

//上面的示例不起作用,因为它是jQuery对象,并且是一个数组

,您可以使用
map()
获取所有完整的值。然后,您可以检查返回值,如果返回值包含任何false,则会加载所有图像,您可以执行代码:

var$test=$(.main div”).find(“.some class img”);
var status=$test.map(函数(i,el){
返回el.complete;
}).get();
如果(!status.includes('false'))
console.log(状态)

您可以使用
map()
获取所有完整值。然后,您可以检查返回值,如果返回值包含任何false,则会加载所有图像,您可以执行代码:

var$test=$(.main div”).find(“.some class img”);
var status=$test.map(函数(i,el){
返回el.complete;
}).get();
如果(!status.includes('false'))
console.log(状态)

如果
浏览器已完全加载与选择器匹配的每个
图像,则以下内容将返回
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 
}
[…]
使
文档返回的
节点列表
成为
数组
,因此可以对其使用数组方法
every()
。它被称为数组扩展

你也可以

Array.from(document.querySelectorAll(".main-div .some-class img")).every(i=>i.complete)
或者,如果您需要支持支持
each()
但不支持
[…]
的浏览器:

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

如果浏览器已完全加载与选择器匹配的每个图像,则以下内容将返回
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 
}
[…]
使
文档返回的
节点列表
成为
数组
,因此可以对其使用数组方法
every()
。它被称为数组扩展

你也可以

Array.from(document.querySelectorAll(".main-div .some-class img")).every(i=>i.complete)
或者,如果您需要支持支持
each()
但不支持
[…]
的浏览器:

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


$tt未定义此数组中的所有img都为真是什么意思?什么是
完整的
?“此数组中的img为
complete==true
”是什么意思?complete返回true/false,仅当所有元素(img)返回true时请显示
complete
的定义或对其定义位置的引用。元素不会“返回true”——它们不是函数。你是什么意思?$tt未定义此数组中的所有img都是真的是什么意思?什么是
完整的
?“此数组中的img为
complete==true
”是什么意思?complete返回true/false,仅当所有元素(img)返回true时请显示
complete
的定义或对其定义位置的引用。元素不会“返回true”——它们不是函数。你什么意思?那部分问题似乎太琐碎了。根据你的要求添加的。当然,但为什么有人会想要呢?[…做这部分是必要的,在这种情况下它会做什么?@connexo您使用completeD而不是complete。元素查询也成功,但if语句不起作用@connexoEdited。删除了
d
。这部分问题似乎太琐碎了。根据您的请求添加了它。当然,但为什么有人希望这样做?[…执行此部分是必要的,在这种情况下它会做什么?@connexo您使用completeD而不是complete。元素查询也成功,但if语句不起作用@connexoEdited。删除了
d