javascript - 使用jQuery计算值

我仍在研究jquery，我的gsp中有以下代码:

<g:each in="${poundList}" var="poundInstance">
  <span>${poundInstance?.name}<span/>
  <span class="price">${poundInstance?.price}<span/>
</g:each>
  <span id="total"></span>

在我的jQuery中:

function calculatePound() {
  totals= 0;
$(".price").each (function() {
    totals= totals+ parseFloat("0" + $(this).val());
});
$("#total").text(totals.toFixed(2));
}

$(document).ready(function() {
calculatePound();
});

上面的代码没有错误。但是问题是<'span id="total"'>为空或值为0.0

我想做的是计算每个磅实例的价格并显示出来。
如何使用此代码使其工作？还是我离我想要实现的目标太远了？
谢谢。

最佳答案

您不能使用val()，该方法主要用于获取表单元素的值，例如输入，选择和文本区域。您可以使用text():

function calculatePound() {
    var totals= 0;
    $(".price").each (function() {
        totals= totals+ parseFloat("0" + $(this).text());
    });
    $("#total").text(totals.toFixed(2));
}

关于javascript - 使用jQuery计算值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14253836/