jQuery的简单乘法答案

【问题标题】：Simple Multiplication with jQueryjQuery的简单乘法
【发布时间】：2012-11-14 17:57:48
【问题描述】：

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

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

【问题讨论】：

显示您尝试过的内容
jQuery 看起来有点矫枉过正。

标签： jquery multiplication

【解决方案1】：

试试这个...

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

【讨论】：

【解决方案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

【讨论】：

【解决方案3】：

试试这个，

Live Demo

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

【讨论】：