Question

我想对动态引导表的特定列的值求和。有很多这样的表，表的数量也是动态的。

最后，我想对所有表的值进行求和（相同的列，不同的表，我想对所有值求和）。

Answer 1

由于bootstrap表实际上是一个简单的装饰html表，你可以使用jquery的下一个方法

<table id="table1">
    <tr class="titlerow">
        <td>Column1</td>
        <td>Column2</td>
        <td>Column3</td>
    </tr>
    <tr>
        <td class="col1">1</td>
        <td class="col2">2</td>
        <td class="col3">3</td>
    </tr>
    <tr>
        <td class="col1">11</td>
        <td class="col2">22</td>
        <td class="col3">33</td>
    </tr>
</table>

和

$(document).ready(function(){
    var $dataRows=$("#table1 tr:not('.titlerow')");
    var col1Total = 0;

    $dataRows.each(function() {
        var col1 = $(this).find('.col1'); 
        col1Total += parseInt(col1.html());
    });
});

col1Total是您要查找的数字。

如果是几个表，只需使用选择器

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

可能，选择器可以优化

如何对引导表的列中的值进行求和？

1 个答案: