Question

在输入更改时，我创建了一个对象数组。当在输入字段中输入任何值时，它将对象推入数组，但是问题是当文本字段更新时，它再次将项目推入数组。我需要更新数组，而不是推送更多项目。

    var tableData = [];
    $('.aantalNumber').change(function(){
       var aantalNumberVal = $(this).val()
       var Productnummer = $(this).closest('tr').find('.product_number').text();
       var Productnaam = $(this).closest('tr').find('.product_name').text();
       var verpakking =$(this).closest('tr').find('.verpakking').text();
       
       tableData.push({aantalNumber:aantalNumberVal,Productnummer:Productnummer,Productnaam:Productnaam,verpakking:verpakking });
      console.log(tableData);
    })

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <tr>
      <td><input type="number" class="aantalNumber" name="Aantal1"></td>
      <td class="product_number">01454</td>
      <td class="product_name">Vendor Handdoeken ZZ vouw</td>
      <td class="verpakking">5000 velper verpakking</td>
    </tr>
    
     <tr>
      <td><input type="number" class="aantalNumber" name="Aantal2"></td>
      <td class="product_number">218031</td>
      <td class="product_name">Vendor Handdoeken ZZ vouw</td>
      <td class="verpakking">5000 velper verpakking</td>
    </tr>
    <!-- Repeated tr and so on -->

Answer 1

首先检查值是否存在（如果可用），然后更新，否则推入tableData

Error: Request failed with status code 400

Working Demo

从JavaScript中的对象数组中删除第一个重复项

1 个答案: