jquery - 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 示例

Answer 3

尝试这个，

现场演示

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