javascript - 如何总结jquery中具有相同类的td值

Question

<tr role="row" class="odd">
   <td class=" stock-log-opening open ">0 PCS</td>
   <td class=" stock-log-opening"><i class="fa fa-rupee"></i> 0.00</td>
   <td class=" stock-log-opening"><i class="fa fa-rupee"></i> 0.00</td>
</tr>
<tr role="row" class="odd">
   <td class=" stock-log-opening open ">500 PCS</td>
   <td class=" stock-log-opening"><i class="fa fa-rupee"></i> 0.00</td>
   <td class=" stock-log-opening"><i class="fa fa-rupee"></i> 0.00</td>
</tr>
<tr role="row" class="odd">     
   <td class=" stock-log-opening open ">600 PCS</td>
   <td class=" stock-log-opening"><i class="fa fa-rupee"></i> 0.00</td>
   <td class=" stock-log-opening"><i class="fa fa-rupee"></i> 0.00</td>
</tr>

在这里，我想使用 jquery 添加具有相同类的 td 的值。我尝试使用 forloop 和 hasclass 它不起作用。这里类名是open

我该如何解决？

Answer 1

下面应该做的

var total =0;
$("td.open").each(function(){
   total += parseInt($(this).text());
})
console.log(total);