javascript - 除了 .each() 函数之外，还有其他方法可以使用 jQuery 将输入字段中的信息收集到数组中吗？

Question

我有一个表格；

<form id="myform">
  <input type="text" name="myfield[]" class="qwerty" /><br />
  <input type="text" name="myfield[]" class="qwerty" /><br />
  <input type="text" name="myfield[]" class="qwerty" /><br />
  <input type="text" name="myfield[]" class="qwerty" /><br />
  <input type="text" name="myfield[]" class="qwerty" /><br />
  <input type="button" id="mybutton" value="clickme" />
</form>

然后我将信息收集到一个数组中；

$('#mybutton').click(function() {
  var myArray = [];
  $('.qwerty').each(function(){
    var current = $(this);
    var item = $.trim(current.val());
    if(item != ""){
      myArray.push(item);
    }
  });
});

这会创建一个循环。有没有其他简单/有效的方法来做同样的事情？

Answer 1

您可以使用 .map() 和 .get() 来实现您的需要。

尝试，

$('#mybutton').click(function() {

  var myArray =  $('.qwerty').map(function(){
     var item = $.trim($(this).val());
     if(item !== ''){
       return $.trim($(this).val());
     }
    }
  }).get();

});

请阅读here了解更多关于 .map()

编辑:

使用以下代码查找有效输入的数量。

$('.qwerty').filter(function(){
     return ($.trim($(this).val()) !== '');
}).length