ブートストラップテーブルの列の値を合計するにはどうすればよいですか？

Question

動的ブートストラップテーブルの特定の列の値を合計します。このようなテーブルが多数あり、テーブルの数も動的です。

最後に、すべてのテーブル（同じ列、異なるテーブル、すべての値を合計したい）の値を合計します。

Answer 1

実際には、ブートストラップのテーブルにはシンプルな装飾が施された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')"); 

セレクタのようなセレクタを使用し、おそらく、あなたのHTMLとスクリプトを共有