javascript - 如何使用 jquery 在相邻的 元素中添加/减去值

Question

这里有点 jQuery 新手，但我最近有一个项目，我希望能够减去同一系列中相邻表 td 元素之间的值。

例子:

    <table>
      <tr>
       <td colspan='3'>Year 2008</td>
      </tr>
      <tr>
        <td>Quarter 1</td><td>Quarter 2</td><td>Change Q1-Q2</td>
      </tr>

      <tr>
        <td>Quarter 1 Val</td><td>Quarter 2 Val</td><td>Quarter 2 - Quarter 1</td>
      </tr>
      <tr>
        <td id='y1q1'>2</td><td id='y1q2'>6</td><td id='dy1q1q2'>4</td>
      </tr>
    </table>

所以想法是用 (elemid: y1q2.value - elemid: y1q1.value) 填充元素 id='d1y1q2'。

我知道这应该在 SQL 级别处理，但数据集很大，数据库的性质无法很好地处理查询中的这些计算。

非常感谢任何帮助! jquery DataTables 插件可以处理这类事情吗？

Answer 1

var sub = parseInt($('#y1q2').text(), 10) - parseInt($('#y1q1').text(), 10);
$('#dy1q1q2').text(sub);

如果您的 id 是动态的，那么:

var lastTR = $('table tr:last'),
    tdSecond = parseInt( $('td',lastTR).eq(1).text(), 10 ),
    tdFirst = parseInt( $('td', lastTR).eq(0).text(), 10 ),
    sub = tdSecond - tdFirst;

$('td:last', lastTR).text(sub);

DEMO

如果你的值也可以是 Float 那么你可以使用 .parseFloat()