使用jQuery进行简单的乘法

Question

我似乎无法弄清楚如何将2个div相乘并在另一个div中显示总数。我的几次尝试都没有成功。例如，最终结果如下所示：

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

Answer 1

试试这个......

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

Answer 2

这里不需要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

Answer 3

试试这个，

<强> Live Demo

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