Javascript 在页面加载时添加表的列

我在页面加载时创建了一个表

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

名称
价值
A.
1.
B
2.
C
3.

现在，我如何添加

col2

列的所有值并在警报中显示它

在这种情况下，我应该在警报框中得到

6

，因此

尝试以下操作：

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

编辑： 如果有双精度，也可以使用

parseFloat（）

。

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

                 });
                 alert(total); 
             }    

          );

 </script>

$（文件）。准备好了吗(
函数（）{
总数=0；
$（'.col2'）。每个（函数（）{
total+=parseInt（$（this.text（））；
});
警报（总数）；
}    
);

这应该如下所示：

 <script>

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

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

名称值
A1
地下二层
C3

然后是Javascript，在HTML代码之后，如下所示：

 <script>

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

var总和=
parseFloat（parseInt（document.getElementById（'val1'）.innerText）
+parseInt（document.getElementById（'val2'）.innerText）
+parseInt（document.getElementById（'val3'）.innerText））；
警报（总和）；

始终是整数值吗？始终是整数还是双精度？根据OP的注释，您可以将方法更改为

parseFloat（）