javascript - 使用 jquery 计算值

Question

我还在学习 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

我试图做的是计算每个 poundInstance 的价格并显示它。
如何使用此代码使其工作？或者我离我想要达到的目标太远了？
谢谢。

Answer 1

不能使用val()，该方法主要用于获取 input、select 和 textarea 等表单元素的值。您可以使用text()：

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