計算值使用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

我想要做的是計算每個磅的實際價格並顯示它。
我怎樣才能使它工作中使用此代碼？或者我離我想要達到的目標太遠了？
謝謝。

Answer 1

不能使用val()，該方法主要用於獲得形式元素，如輸入，選擇和textarea的值。您可以使用text()：

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