jquery - tablesorter jquery 获取过滤后数字列的总和

Question

我正在使用 tablesorter jquery 进行开发，我的问题是:

有没有办法显示过滤后的数字列的总和？

例如:

++++++++++++
名字-金钱
+++++++++++
艾伦- 10
艾伦- 10
艾伦- 10
艾伦- 10
约翰- 10
约翰- 10
约翰- 10

金额:70

如果我过滤名称并只显示“alan”，我想得到这个:

++++++++++++
名字-金钱
+++++++++++
艾伦- 10
艾伦- 10
艾伦- 10
艾伦- 10

金额:40

感谢您的帮助:)

Answer 1

试试这个...这是来自 this demo 的 HTML :

<table class="tablesorter">
    <thead>
        <tr>
            <th>Name</th>
            <th>Money</th>
        </tr>
    </thead>
    <tbody>
        ...
    </tbody>

</table>Sum of Money: <span class="total"></span>

以及必要的脚本:

$('table')
    .on('initialized filterEnd', function(){
        var total = 0;
        $(this).find('tbody tr:visible').each(function(){
            // find money in 2nd column
            total += parseFloat( $(this).find('td:eq(1)').text() );
        });
        $('.total').text(total);
    })
    .tablesorter({
        theme: 'blue',
        widgets: ['filter']
    });