javascript - 将输入类的所有值插入数组

Question

根据我在 Stack 上学到的知识和在这里阅读的内容，我编写了一段代码，该代码应该获取指定输入类的所有值并将它们推送到一个数组中。

我认为这个 jQuery sript 应该做的是:

• 创建一个名为myArray 的空数组
• 当#subButton在 <input class=".req" 上单击迭代开始，推送每个 <input class=".req" 的值进入myArray

问题是控制台中显示了任何内容，因为什么都没有发生，所以我猜想存在概念/书写错误。

jQuery :

$(document).ready(function(){

    var myArray = [];
    $('#subButton').on('click', function() {
        $('.req').each(function() {
            myArray.push($(this).val()); 
            console.log(myArray);
        });
    });     

});

HTML :

<form id="iForm">
  <input type="text" id="i1" class=".req" placeholder="Name">
  <input type="text" id="i2" placeholder="Surname">
  <input type="text" id="i3" placeholder="Text A">
  <input type="text" id="i4" class=".req" placeholder="Text B">

  <input type="button" id="subButton" value="Registrati">
</form>

Answer 1

您必须删除 . 在您的 HTML 输入中的类之前:

<input type="text" id="i1" class=".req" placeholder="Name">
__________________________________^
<input type="text" id="i4" class=".req" placeholder="Text B">
__________________________________^

应该是:

<input type="text" id="i1" class="req" placeholder="Name">
<input type="text" id="i4" class="req" placeholder="Text B">

希望这对您有所帮助。

$(document).ready(function(){

  var myArray = [];
  $('#subButton').on('click', function() {
    $('.req').each(function() {
      myArray.push($(this).val()); 
      console.log(myArray);
    });
  });     

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="iForm">
  <input type="text" id="i1" class="req" placeholder="Name">
  <input type="text" id="i2" placeholder="Surname">
  <input type="text" id="i3" placeholder="Text A">
  <input type="text" id="i4" class="req" placeholder="Text B">

  <input type="button" id="subButton" value="Registrati">
</form>