0

私はまだ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 の価格を計算して表示することです。
このコードを使用して機能させるにはどうすればよいですか? それとも、私が達成したいことから遠すぎますか?
ありがとう。

4

1 に答える 1

3

val（）は使用できません。このメソッドは主に、input、select、textareaなどのフォーム要素の値を取得するために使用されます。text（）を使用できます：

function calculatePound() {
    var totals= 0;
    $(".price").each (function() {
        totals= totals+ parseFloat("0" + $(this).text());
    });
    $("#total").text(totals.toFixed(2));
}
于 2013-01-10T08:48:08.233 に答える