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));
}

使用jquery计算值

1 个答案: