javascript - JQuery将2个div的值添加到第三个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())
);
});