與jQuery的簡單乘法

Question

我似乎無法弄清楚如何乘以2個div並在另一個div中顯示總數。我的幾次嘗試都失敗了。比如最終的結果是這樣的：

<div class="itemOne">2</div> 
<div class="itemTwo">5</div> 
<div class="total">10</div> 

Answer 1

試試這個，

Live Demo

$('.total').text(parseFloat($('.itemOne').text()) * parseFloat($('.itemTwo').text())) 

Answer 2

嘗試......

var one = parseInt($(".itemOne").text(), 10); 
var two = parseInt($(".itemTwo").text(), 10); 
$(".total").text(one * two); 

Answer 3

無需jQuery的這裏。在普通的JavaScript嘗試：

​var a = document.getElementsByClassName('itemOne')[0].innerHTML; 
var b = document.getElementsByClassName('itemTwo')[0].innerHTML; 
document.getElementsByClassName('total')[0].innerHTML = parseInt(a,10)*parseInt(b,10);​ 

jsFiddle example