javascript - 获取特定div的子元素内的输入字段的值

我将我的表格分为几部分，并且我试图让脚本检查每个部分中空字段的数量。以前，我编写了一个包含每个部分ID的数组，并使其遍历该数组，但是我想找到一种不依赖于预定义数据的通用解决方案。

起初我尝试像这样的.find（）

function blankFields(section){
    var totblank = 0;
    var inputs = $('#' + section).find('input');
    $.each(inputs, function(){
        if(this.val() == '') { totblank++; );
    }

当那不起作用时，我尝试了.serializeArray（）

function blankFields(section){
    var totblank = 0;
    var inputs = $('#' + section + ' input').serializeArray();
    $.each(inputs, function(i, field) {
        if (field.value == '') { totblank++; }
    });

然后跟进

    if(totblank > 0){
        $("#"+section+"B").html(totblank+" Empty");
    } else {
        $("#"+section+"B").html("All full!");
    }
}

section是一个div的id，该div有一个带有表单输入的表。

这是我第一次使用这些功能，因此我不确定该怎么做。感觉就像我期望输出不是它。

最佳答案

您的代码中有一些语法错误。固定：

function blankFields(section){
   var totblank = 0;
   var inputs = $('#' + section).find('input');
   inputs.each(function(){
      if($(this).val() == '') totblank++;
   });

   alert(totblank);
}