tablesorter jquery在被过滤后得到数字列的总和

Question

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

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

例如：

+++++++++++
名字 - 钱 +++++++++++
alan- 10
alan- 10
alan- 10
alan- 10
约翰 - 10
约翰 - 10
约翰 - 10

总和：70

如果我过滤名称并只显示'alan'我想得到这个：

+++++++++++
名字 - 钱 +++++++++++
alan- 10
alan- 10
alan- 10
alan- 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']
    });