2014-02-24 264 views
1

表的列我創建了一個表時,頁面加載添加在頁面加載

<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作爲結果

+0

將它永遠是整數值? – jacqijvv

+0

整數或雙總是 – LynAs

回答

2

試試這個:

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

http://jsfiddle.net/pTn2V/

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

+1

基於OP的評論,你可以改變你的方法'parseFloat()' – jacqijvv

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

       }); 
       alert(total); 
      }  

     ); 

</script> 
0

這應該是這樣的:

你的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>