1

我想在表格末尾有一个小计行，其中包含“总计”列（表格的第四列）的总和。

问题：未正确附加该行。“subtot”行仅在每隔一行添加后添加到表的末尾

问题：计算部分全乱了

问题：当我放入 jsfidle 时，我无法更改选择框，但我可以在本地进行。

我想我在尝试编程时走了一条糟糕的路，我相信你有更好的方法来完成它。

我尝试执行类似于下面的代码的操作，因为每次更改选择框时都会更新第四列，并且在更改时我需要该值，因此我可以在“subtot”行中获得正确的总数。

我使用 .text()-0 是因为我认为我在第四列中的值是数字时遇到了问题。

供参考。此代码与我在jsfiddle中显示的代码不同

$("select").change(function(){
    var $fourth = $('.row td:nth-child(4)').text()-0;
   if(isNaN($fourth)) {
  //just to test if number
    $('.row td:nth-child(4)').css("color", "green")
   }
    // alert($.type($fourth))
  var row = $('.row td:nth-child(4)').parent()
    $('.row td:nth-child(4)').each(function(){
        qnty = $(this).siblings('.select').val()-0;
        alert(qnty);
        total =  parseFloat($(this).text()-0) * qnty;
       $('tr.subtot td:nth-child(4)').html(total)
    })
});

小计行的添加如下。这是我目前能做的最好的事情。我认为我使用的方式有问题。消除 （）

   if($(".subtot").length && $(".subtot:not(:last-child)")){
        $(".subtot").remove();
    }else{
    $("table:nth-last-child(1)").append('<tr class = "subtot"><td></td><td></td><td></td><td>test</td></tr>')

    }

我刚刚开始学习 jquery，如果你帮我解决这个问题，它将帮助我完成我的学习过程，我将不胜感激。

4

0 回答 0