如何计算上一栏总数

时间:2015-06-20 09:04:40

标签: jquery html

我有一个HTML表格。我想要的是最后一栏总数。 这是除外的结果

<filter>
    <whitelist>
          <directory>/my/project/directory/to/be/covered</directory>
          ....
    </whitelist>
</filter>

I tried some thing here

请帮帮我这些

谢谢。

2 个答案:

答案 0 :(得分:1)

试试这个

DataGrid

答案 1 :(得分:1)

这样做:

<table>
  <tbody>
    <tr>
      <td class='js-total-column'>1001</td>
    </tr>
    <tr>
      <td class='js-total-column'>1005</td>
    </tr>
    <tr>
      <td class='js-total-column'></td> 
    </tr>   
  </tbody>
</table>

var totalSum = 0;
$('.js-total-column').each(function() {
    var total = $(this).html();
    totalSum += total;
});

将目标类添加到每个总单元格,然后在JQuery中迭代它们,.each()逐个执行处理。使用$(this)获取循环中的单个单元格。

我从表中移除了其他tdthead,专注于对答案很重要的内容。

您还可以使用html data-属性和jquery data()方法 - 这样您就可以保证始终获得数字。单元格内容不一定稳定,如果有人在HTML中添加£符号前缀或单位后缀会发生什么?或者,如果设计更改为要求内容包含额外的HTML结构。