如何收集单列内容 [英] How do I collect a single column content

问题描述

如何收集单列内容

<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>

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