Question

我有一个包含大量信息的表格，其中一个是一个充满金钱价值的列。它看起来如下。

$23.21
$347.34
$3,200,884.00

我可以添加服务器端的值，但是使用过滤器，我不想再次访问服务器以获取信息。如何将值相加，以便我可以在表格的底部加总？

棘手的部分是基于过滤器，我显示或隐藏某些值，所以我只想总计可见的货币值。

Answer 1

像这样的东西（在不知道实际的HTML 的情况下不能精确）

var total = 0;

// the selector must be adjusted to the actual html
$('td.price:visible').each(function(){
   var value = $(this).text().slice(1).replace(/,/g,'');
   total += +value;
});

// use the total variable here to display it somewhere in your page

Answer 2

使用伪元素插入＆＃39; $＆＃39;通过CSS签名。通过这种方式，您可以在单元格中放入纯数字。

＆＃13;

var sum = 0;

var cells = document.getElementsByClassName('sum');
for(var i=0; i< cells.length; i++) {
  sum += parseInt(cells[i].innerText);
  }

document.getElementsByClassName('total')[0].innerText = sum;

＆＃13;

td.dollar:before {
  content: "$";
}

＆＃13;

<table>
  <tr>
    <td class="sum dollar">12</td>
    <td class="sum dollar">28</td>
    <td class="total dollar"></td>
  </tr>
</table>

＆＃13;

从可见表列添加美元值

2 个答案: