Javascript jQuery仅获取可见字段的表单数据

在我的

表单中

得到了可见和不可见（

display:none

）元素。我只需要获取可见字段的表单数据。我使用以下代码收集数据：

var formData = $('#myForm')
               .serializeArray()
               .reduce(function(obj, item) {   
                    //need to process only visible fields somewhere here                     
                    obj[item.name] = item.value;
                    return obj;
                }, {});

我知道如何禁用输入的

名称

属性，但在收集数据后，我希望返回所有字段的此属性。任何想法都欢迎。谢谢。

用于过滤隐藏元素：

$("#myForm :visible").each(function(){
  console.log(this);
}); 

函数showValues（）{
变量字段=$（“形式：输入：可见”）.serializeArray（）；
$（“#结果”）.empty（）；
$.each（字段，函数（i，字段）{
$（“#结果”）.append（field.value+”）；
});
}
$（“：复选框，：收音机”）。单击（显示值）；
$（“：text”）.blur（显示值）；
$（“选择”）。更改（显示值）；
showValues（）
body，选择{
字体大小：14px；
}
形式{
保证金：5px；
}
p{
颜色：红色；
保证金：5px；
}
b{
颜色：蓝色；
}

结果:

单身
单身2
倍数
倍数2
倍数3


支票1
支票2
无线电1
无线电2
我不确定，您可以尝试
$（“#myForm:visible”）
$（“#myForm:visible”）.each（function（）{console.log（this）；}）；它成功了，作为回答，谢谢