jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<table>

  <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>
  
</table>

JavaScript

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();

   if (tableData.some(tableData => tableData.Productnummer === Productnummer)) {
     updateTableData(Productnummer, aantalNumberVal);
   } else {
     tableData.push({
       aantalNumber: aantalNumberVal,
       Productnummer: Productnummer,
       Productnaam: Productnaam,
       verpakking: verpakking
     });
   }


   console.log(tableData);
 });

 function updateTableData(value, aantalNumber) {
   for (var i in tableData) {
     if (tableData[i].Productnummer == value) {
       tableData[i].aantalNumber = aantalNumber;
       break; //Stop this loop, we found it!
     }
   }
 }