基於類獲取td總數？

Question

我有一個動態生成的表，它看起來是這樣的：

<table id="mytable"> 
    <thead> 
     <tr> 
      <td>col1</td> 
      <td>col2</td> 
      <td>col3</td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>col1</td> 
      <td class="col2">1</td> 
      <td class="col3">2</td> 
     </tr> 
     <tr> 
      <td>col1</td> 
      <td class="col2">7</td> 
      <td class="col3">4</td> 
     </tr> 
     <tr> 
      <td>col1</td> 
      <td class="col2">col2</td> 
      <td class="col3">col3</td> 
     </tr> 
    </tbody> 
    <tfoot> 
     <tr> 
      <td>Totals</td> 
      <td id="col2total"></td> 
      <td id="col3total"></td> 
     </tr> 
    </tfoot> 
</table> 

如何獲取的總值在td S的有類col2總id爲col2total添加到td ？由於此表是動態生成的，因此我不知道在tbody中生成了多少個tr。

Answer 1

嘗試這種情況：

var total = 0; 
$(".col2").each(function() { 
    total += parseFloat('0' + $(this).text(), 10); 
}) 
$("#col2total").text(total); 

Answer 2

var total = 0; 
$("td.col2").each(function() { 
    total += parseFloat($(this).text()) || 0; 
}); 

$("#col2total").text(total); 

Answer 3

$(document).ready(function(){ 
    var sum = 0; 
    $('.col2').each(function() { 
     sum += Number($(this).val()); 
    }); 

    $("#col2total").text(sum); 
});