程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了列总计大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决列总计?

开发过程中遇到列总计的问题如何解决?下面主要结合日常开发的经验,给出你关于列总计的解决方法建议,希望对你解决列总计有所启发或帮助;

我不太确定自己想要什么,但是如果您只想按列汇总所有行,请参见下文。

    var totalsByRow = [0, 0, 0, 0, 0];
    var totalsByCol = [0, 0, 0, 0, 0];
    $(document).ready(function() {

        var $daTarows = $("#sum_table tr:not('.totalColumn, .Titlerow')");

        $daTarows.each(function(i) {
            $(this).find('td:not(.totalRow)').each(function(j) {
                totalsByCol[j] += parseInt($(this).HTML());
                totalsByRow[i] += parseInt($(this).HTML());
            });
        });

        for (var i = 0; i < totalsByCol.length - 1; i++) {
            totalsByCol[totalsByCol.length - 1] += totalsByCol[i];       
        }    

        $("#sum_table td.totalCol").each(function(i) {
            $(this).HTML("total:" + totalsByCol[i]);
        });

        $("#sum_table td.totalRow").each(function(i) {
            $(this).HTML("total:" + totalsByRow[i]);
        });
    });

解决方法

请在这里参考上一个问题:jQuery中列的总和
我使用了Aymen的解决方案,但是我根据自己的需要对其进行了编辑。它停止工作,我的代码如下所示,如jsfiddle所示:http
//jsfiddle.net/unKDk/15/
    <table id="sum_table" width="300" border="1">
        <tr class="titlerow">
            <td>Apple</td>
            <td>Orange</td>
            <td>Watermelon</td>
            <td>Strawberry</td>
            <td>Total By Row</td>
        </tr>
        <tr>
            <td class="rowAA">1</td>
            <td class="rowAA">2</td>
            <td class="rowBB">3</td>
            <td class="rowBB">4</td>
            <td class="totalRow"></td>
        </tr>
        <tr>
            <td class="rowAA">1</td>
            <td class="rowAA">2</td>
            <td class="rowBB">3</td>
            <td class="rowBB">4</td>
            <td class="totalRow"></td>
        </tr>
        <tr>
            <td class="rowAA">1</td>
            <td class="rowAA">5</td>
            <td class="rowBB">3</td>
            <td class="rowBB">4</td>
            <td class="totalRow"></td>
        </tr>
        <tr class="totalColumn">
            <td class="totalCol">Total:</td>
            <td class="totalCol">Total:</td>
            <td class="totalCol">Total:</td>
            <td class="totalCol">Total:</td>
            <td class="totalCol">Total:</td>
        </tr>
    </table>

jQuery部分是

    var totals=[0,0];
    $(document).ready(function(){

        var $dataRows=$("#sum_table tr:not('.totalColumn,.titlerow')");

        $dataRows.each(function() {
            $(this).find('.rowAA').each(function(i){        
                totals[i]+=parseInt( $(this).html());
            });

            $(this).find('.rowBB').each(function(i){        
                totals[i]+=parseInt( $(this).html());
            });        
        });
        $("#sum_table td.totalCol").each(function(i){  
            $(this).html("total:"+totals[i]);
        });

    });
  1. 如何解决导致jquery计算错误的问题。
  2. 如何按行计算总计
  3. 我需要完全相同的类名。

大佬总结

以上是大佬教程为你收集整理的列总计全部内容,希望文章能够帮你解决列总计所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: