計算表格行中的總值，JavaScript jQuery

Question

我剛剛學習一個月左右的網頁設計，好吧，我是個學習緩慢且懶惰的人，反正這就是我的情況。 我有一排5列，但我只想從這些列中計算3列，這是我的jQuery代碼

function sumrow(){
$(".isitable").on('keyup','.nsakit, .npuasa, .mnormal', function(){
    var $row=$(this).closest("table tr");
    var jumlahns=parseInt($row.find('.nsakit').val());
    var jumlahnp=parseInt($row.find('.npuasa').val());
    var jumlahmn=parseInt($row.find('.mnormal').val());
    $row.find('.totalqty').val(jumlahns + jumlahnp + jumlahmn);
});}

當我使用<div> ，它確實起作用，但是當我嘗試使用<table> ，它根本不起作用， <table class="isitable">這是表的一部分

<tbody>   
    <tr id="nmr0" name="roworder">
    <td>
      1
    </td>
    <td>
      <select name="shiftid" class="form-control">
            <option selected disabled value="">-Select An Option-</option>
            <option value="Normal Shift">Normal Shift</option>
            <option value="Long Shift">Long Shift</option>
        </select>
    </td>
    <td>
      <select name="breakid" class="form-control">
            <option selected disabled value="">-Select An Option-</option>
            <option value="break1">11.45-12.15</option>
            <option value="break2">20.30-21.00</option>
            <option value="break3">18.00-18.45</option>
            <option value="break4">00.00-00.30</option>
            <option value="break5">07.00-07.30</option>
        </select>
    </td>
    <div class="rownumber">
    <td>
      <input id="A0" type="text" min="0" class="nsakit" value="">
    </td>
    <td>
      <input id="B0" type="text" min="0" class="npuasa" value="">
    </td>
    <td>
      <input id="C0" type="text" min="0" class="mnormal" value="">
    </td>
    <td>
      <input id="D0" type="text" min="0" class="totalqty" value="">
    </td>
    </div>
    <td><input type="checkbox" name="recordi"></td>
  </tr>

</tbody>

我應該在我的JavaScript代碼中進行哪些更改，以便能夠計算出總計

Answer 1

從DOM中給定元素的最接近的 遍歷祖先 。

因此，當遍歷父元素時，它將檢查作為closest方法的參數給出的selector是否與該元素匹配。 為了匹配該行是否與表tr相匹配，它需要進一步遍歷，這是選擇器失敗的地方。

您只需要給tr而不是table tr

var $row = $(this).closest("table tr");