遍历得到的table数据,如何在最后一行添加数据

img


<body>
<div>
<form onsubmit="return false">

    <table>
        <tr>
            <td>     <label style="width: 20%;">当期开始时间</label>
                <input type="Date" name="shijiantou" ></input> </td>
            <td>     <label style="width: 20%;">结束开始时间</label>
                <input type="Date" name="shijianwei" ></input> </td>
            <td>
                <label style="width: 25%;">选择当期日均比</label>
                <input type="text" class="layui-input" id="tianshu">
            </td>
        </tr>
        <tr>
            <td>     <label style="width: 20%;">当期开始时间</label>
                <input type="Date" name="stateOfLastPeriod" ></input> </td>
            <td>     <label style="width: 20%;">结束开始时间</label>
                <input type="Date" name="endOfLastPeriod" ></input> </td>
            <td>
                <label style="width: 25%;">选择当期日均比</label>
                <input type="text" class="layui-input" id="LastPeriod">
            </td>
            <td>
                <button type="submit"
                        onclick="abc()">点击按钮</button></td>
        </tr>
    </table>

</form>
</div>
<table id="guishutable"  style="width: 70%; border: 1px solid red">
</table>
<script src="../jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script>



    function abc() {
        var jis=document.getElementById("tianshu").value;
        var LastPeriod=document.getElementById("LastPeriod").value;

        alert("123");
        $.ajax({
            url: "/zd/zongshu",
            type: "POST",
           data:{
               shijiantou :$('#ShiJianTou').val(),
               shijianwei:$('#ShiJianWei').val(),
               stateOfLastPeriod:$('#stateOfLastPeriod').val(),
               endOfLastPeriod:$('#endOfLastPeriod').val()

            },
            success: function (data){
                $("#guishutable").html("");
                $("#guishutable").append("<tr><td>名称</td><td>量</td><td>环比</td>" +
                                         "<td>上期量</td><td>s上期异量</td><td>上期环比</td>" +
                    "</tr>")
                $.each(data, function (i,gui){
                    console.log(JSON.stringify(gui))
                    $("#guishutable").append("<tr>" +
                        "<td style='width: 200px;border: 1px solid black;'>"+gui.name+"</td>" +
                        "<td  style='width: 200px;border: 1px solid black;'>"+gui.currentCount+"</td>" +
                        "<td  style='width: 200px;border: 1px solid black;'>"+(gui.currentCount/jis)+"</td>" +
                        "<td  style='width: 200px;border: 1px solid black;'>"+gui.lastCount+"</td>" +
                        "<td  style='width: 200px;border: 1px solid black;'>"+(gui.lastCount/LastPeriod)+"</td>" +
                        "<td  class='abcde' style='width: 200px;border: 1px solid black;'>"+(((gui.currentCount/jis)-(gui.lastCount/LastPeriod))/(gui.lastCount/LastPeriod))+"</td></tr>" +
                        "<tr id='yiyishuju'></tr>");
                });

            }
        });
    }
    $(document).ready(function(){
        var totalRow=0;
        $('#guishutable tr').each(function () {
            $(this).find('td:eq(1)').each(function () {
                totalRow += parseFloat($(this).text());
            });
        });
        $("#yiyishuju").append('<td>合计</td>'+totalRow+'<td></td><td></td><td></td>');

    });


</script>

</body>

你应该在Table元素中增加tr

img


id=“yiyishuju” 不是唯一