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()))