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
。