如何使用Jquery获取多个数组并更改其相关数组键的值

Question

这是输出的示例图像。我想要的是，如果我更改该列中的数量，其共同相关的总价格也会发生变化。我想要实现这种压力，但我正在努力。这是我当前的代码，如果我更新数量所有总价格将改变哪个是错的我仍然有错误我想只改变编辑的列的总价格。

var delay = (function(){
    var timer = 0;
    return function(callback, ms){
      clearTimeout (timer);
      timer = setTimeout(callback, ms);
    };
  })();

  $(".qty-mod").keyup(function(){
          var qty = $(this).val();
          delay(function(){
          var newprice = qty * totalorgprice
          $(".price-total").val(newprice);
          console.log(qty);
      }, 1000);
  });  

Answer 1

您立刻绑定了所有.qty-mod，这很好。

但是，在keyup()功能中，您只对一个.qty-mod进行操作，因此应仅更新相应的.price-total。 目前您正在明确更新所有！

  $(".qty-mod").keyup(function(){
      var qty = $(this).val();
      var newprice = qty * totalorgprice;
      $(<< here should refer to the involved .price-total only >>).val(newprice);
      console.log(qty);
  });

由于您没有显示HTML代码，我只能猜测您的数据是以<table>显示的。如果是这样，上面的<< here ... only >>可能类似于：

'.price-total', $(this).closest('tr')

根据jQuery解释你的情况并不容易：

  '.price-total',    // an element with class "price-total"
  $(this)            // in the context of 
    .closest('tr')   // the <tr> parent of the [$(this)] current element