javascript - 检查类的所有输入是否都有值

Question

这个问题已经有答案了:

Selecting empty text input using jQuery (10 个回答)

已关闭 4 年前。

我有课.address添加到我的一些输入中。基本上，我想检查是否所有内容都已填写。我知道通过像这样迭代类是可能的:

var valueForAll = true;
$('.address').each(function (i, obj) {
    if ($(this).val() == "") {
        valueForAll = false;
    }
});
if (valueForAll == true) {
    // Do something
}
else {
    // Do something else
}

但我认为这不是一个理想的解决方案。所以我找到了:empty选择器。其工作原理如下:

$("input:empty").length == 0;

但是，为我的类(class)执行此操作总是显示长度为 6。我不知道为什么。

$(".address:empty").length == 0;

编辑:

这不是与 this one 重复的问题附来自@chrispbacon。这个问题重点在于如何检查类的所有输入是否已填充，不是 div 内的所有元素。我在 Stack Overflow 上找不到任何关注如何检查所有输入是否具有类值而不迭代该类的线程。

Answer 1

https://developer.mozilla.org/en-US/docs/Web/CSS/:empty

:empty

用于查找没有子元素的元素。不适用于没有值的输入。

https://developer.mozilla.org/en-US/docs/Web/CSS/:blank

:blank

是一个即将出现的空输入伪选择器，但仍在为浏览器添加覆盖范围。