jquery - 如何在jQuery中获取多个值？

Question

希望每个人都做得很好！我正在尝试使用 jQuery 获取多个值

例如：

<input type="text" class="form-control" id="item_quantity" placeholder="0">
<input type="text" class="form-control" id="item_quantity" placeholder="0">

jQuery 代码

$(document).ready(function(){
   var item_quantity = $('#item_quantity').val();
});

这只会获取第一个值。我正在尝试获取所有值。如何做到这一点？

标签： jquery

Answer 1

$(document).ready(function() {
  $('[id^=item_quantity]').change(function() {
    $(this).each(function() {
      console.log($(this).val())
    })
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="form-control" id="item_quantity-1" placeholder="0">
<input type="text" class="form-control" id="item_quantity-2" placeholder="0">