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