添加在頁面加載

Question

表的列我創建了一個表時，頁面加載

<table> 
    <tr> 
    <th>name</th> 
    <th>value</th> 
    </tr> 
    <tr> 
    <td>A</td> 
    <td class="col2">1</td> 
    </tr> 
    <tr> 
    <td>B</td> 
    <td class="col2">2</td> 
    </tr> 
    <tr> 
    <td>C</td> 
    <td class="col2">3</td> 
    </tr> 
</table> 

現在我該怎樣添加col2列的所有價值，並顯示在警報？

在這種情況下，我應該警告框獲得6作爲結果

Answer 1

試試這個：

var total = 0; 
$("table .col2").each(function(){ 
    total += parseInt($(this).html(), 10); 
}); 
alert(total); 

http://jsfiddle.net/pTn2V/

編輯： 您還可以使用parseFloat()，如果你有雙打在那裏。

Answer 2

<script type='text/javascript'> 
     $(document).ready(
      function() { 
       total = 0; 
       $('.col2').each(function(){ 
        total+=parseInt($(this).text()); 

       }); 
       alert(total); 
      }  

     ); 

</script> 

Answer 3

這應該是這樣的：

你的HTML：

<table> 
    <tr><th>name</th><th>value</th></tr> 
    <tr><td>A</td><td id="val1">1</td></tr> 
    <tr><td>B</td><td id="val2">2</td></tr> 
    <tr><td>C</td><td id="val3">3</td></tr> 
</table> 

那麼你的JavaScript，像HTML代碼以下後：

<script> 

var sum = 
    parseFloat(parseInt(document.getElementById('val1').innerText) 
      + parseInt(document.getElementById('val2').innerText) 
      + parseInt(document.getElementById('val3').innerText)); 
    alert(sum); 
</script>