jquery - 当 td 包含文本标签时，如何对表列求和？

Question

我正在尝试对表中列的值求和并将该总和放入另一个 html 字段中。我遇到的挑战是 TD 单元格中的值是简单的文本标签。 http://jsfiddle.net/dm4AZ/60/

<table>
   <tr>
      <td>100</td>
   </tr>
   <tr>
      <td>200</td>
   </tr>
   <tr>
      <td>100</td>
   </tr>
</table>
<br>
<dl>
    <dt>Total Value:</dt>
    <dd id="mySum"></dd>
</dl>


$(document).ready(function(){
     colSum();
});

function colSum() {
    var sum=0;
    //iterate through each input and add to sum
    $('myTD').each(function() {     
            sum += parseInt(this.html());                     
    }); 
    //change value of total
       $('#mySum').html(sum);
}

Answer 1

标记中没有 myTD 。此外，当您想读取每个选择器的值时，您需要使用

$(this) 而不仅仅是这个

 $('myTD').each(function() {     
                sum += parseInt(this.html());                     
        });

应该

$('td').each(function() {     
            sum += parseInt($(this).text());                     
    });

检查这个更新的小提琴

Answer 2

这将起作用：

    $(document).ready(function(){
      colSum();
    });

    function colSum() {
      var sum=0;
      //iterate through each input and add to sum
      $('td').each(function() {     
        sum += parseInt($(this).text());                     
      }); 
      //change value of total
      $('#mySum').html(sum);
    }