javascript – JQuery具有特定类的多个html表格单元格的总和

2024年1月19日 238次阅读

我有一个包含很多行的
HTML表,每行都是一个带.sum类的单元格,如何计算所有具有.sum类的单元格的总和

//total sum of td with .sum class
<table id="mytable">
  <tr>
    <td>Name 1</td>
    <td>Desc. 1</td>
    <td class="sum">13</td>
  </tr>
  <tr>
    <td>Name 2</td>
    <td>Desc. 2</td>
    <td class="sum">27</td>
  </tr><tr>
    <td>Name 3</td>
    <td>Desc. 3</td>
    <td class="sum">159</td>
  </tr>
</table>

最佳答案 只需遍历.sum元素：

Example Here

var sum = 0;

$('#myTable .sum').each(function () {
    sum += parseInt(this.innerText);
});

alert(sum);

没有jQuery：

Example Here

var sum = 0,
    sumElements = document.querySelectorAll('#myTable .sum');

Array.prototype.forEach.call(sumElements, function (el) {
    sum += parseInt(el.innerText);
});

alert(sum);
点赞