如何收集单列内容

本文介绍了如何收集单列内容的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如何收集单列内容

<td class="checkallprice">300</td>
<td class="checkallprice">110</td>
<td class="checkallprice">350</td>
<td class="checkallprice">100</td>
<td class="checkallprice">I need Total Here</td>

推荐答案

使用.each迭代td元素
使用:last-child选择器选择最后一个td
使用:not(:last-child)排除last-child
使用Number将string强制转换为number

Use .each to iterate td elements
Select last td using :last-child selector
Use :not(:last-child) to exclude last-child
Use Number to cast string to number

$('tr').each(function() {
  var sum = 0;
  $(this).find('td:not(:last-child)').each(function() {
    sum += Number(this.textContent);
  });
  $(this).find(':last-child').text(sum);
})

td:last-child {
  background: orange;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table>
  <tr>
    <td class="checkallprice">300</td>
    <td class="checkallprice">110</td>
    <td class="checkallprice">350</td>
    <td class="checkallprice">100</td>
    <td class="checkallprice">I need Total Here</td>
  </tr>
  <tr>
    <td class="checkallprice">10</td>
    <td class="checkallprice">120</td>
    <td class="checkallprice">30</td>
    <td class="checkallprice">40</td>
    <td class="checkallprice">I need Total Here</td>
  </tr>
</table>

这篇关于如何收集单列内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！