javascript - 如何采集单栏内容

Question

如何收集单栏内容

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

Answer 1

你可以这样做，calculateTotal()将计算所有先前兄弟的总和。 $('.checkallprice').last() 将查找最后一个元素并将文本设置为 calculateTotal() 的结果。

$(document).ready(function(){
    function calculateTotal() {
         var total = 0;
       jQuery(this).prevAll().each(function() {
            total += Number(jQuery(this).text());
       });
       return total;
    }
    $('.checkallprice').last().text(calculateTotal);
});

JSFiddle:https://jsfiddle.net/mh5gn7zx/1/