javascript - JQuery 2 つの div の値を 3 番目の div に追加する

Question

私はそれぞれに数字を持つ3つのdivを持っています...

<div id="one">1</div>

<div id="two">5</div>

<div id="total">0</div>

たとえば、私がする必要があるのは次のとおりです。

#one がクリックされた場合、#one と #two の値を追加し、#total で更新します

したがって、上記の合計の場合は次のようになります。

<div id="total">6</div>

Answer 1

HTML:

<div id="one">1</div>

<div id="two">5</div>

<div id="total">0</div>

<input id="btn-calculate" type="button" value="Calculate" />

JavaScript:

var one = document.getElementById('one'),
    two = document.getElementById('two'),
    total = document.getElementById('total');
document.getElementById('btn-calculate').onclick = function() {
    total.innerHTML = parseInt(one.innerHTML) + parseInt(two.innerHTML);
};

デモ

Answer 2

これを試して、

ライブデモ

$("#one").click(function() {
   $('#total').text(parseFloat($('#one').text()) + parseFloat($('#two').text()));
});​

Answer 3

​$("#one")​.click(function(){
    $("#total").html(parseInt($(this).text()) + parseInt($("#two").text()))
})​

http://jsfiddle.net/daniilr/G4Snm/

Answer 4

$('#one').click(function(){
$("#total").text(
    parseFloat($(this).text()) + 
    parseFloat($("#two").text())
);
});