javascript - 检查输入是否为空

Question

如果我的 div 中有一个使用 jQuery 的输入，我会尝试获取一个空输入。它没有按应有的方式工作。

div 中有 4 个空输入。

这是我的 jquery:

var firstEmpty = $('#brochureItems').find('input:text:not(:checkbox,:button):visible:first:enabled[value= ""]').first().val();
console.log(firstEmpty);

输出“未定义”。

当我删除“[value=""]”时，我会输出“(空字符串)”。

我只是想到了一件事，我在页面加载时使用 jquery 动态添加这些输入。跟这个有关系吗？

Answer 1

如果我理解正确的话，你想在 div 中获取所有空输入。为此，请尝试以下代码:

HTML

<div>
  <input type="text">
  <input type="text">
  <input type="text">
  <input type="text">
  <input type="text" value="asdsad">
</div>

JS

var firstEmpty = $("div input[type='text']").filter(function() { return $(this).val() == ""; });

或者如果你想全部清空:

var emptyInputs = [];

$("div input[type='text']").each(function(){
    if($(this).val() == '')
    emptyInputs.push($(this))
});

这是工作 fiddle :https://jsfiddle.net/xs9jagc8/