jquery將兩個值相加在一起，返回兩個值的總和

Question

我想將兩個值加在一起，並將該值附加到div。該值是在說 「0」 值1 = 30和值2 = 3

<script> 
jQuery(document).ready(function($) { 


var value1 = $(".value1").val(); 
var value2 = $(".value2").val(); 
var sum = addnumbers(value1,value2); 
$(".sum").append(sum); 

function addnumbers(value1,value2){ 
    var sum=Number(value1)+Number(value2); 
    return sum; 
}; 

}); 

</script> 

HTML是相當明顯的：

<div class="value1">30</div> <div class="value2">3</div> <div class="sum"></div>

Answer 1

與div的（你的情況）你需要使用.text() .. .val()與投入，選擇

var value1 = $(".value1").text(); 
var value2 = $(".value2").text(); 

Answer 2

你應該做

var value1 = $(".value1").text(); // or html (in your html both are same) 
var value2 = $(".value2").text(); 

div沒有value屬性。

所以無論使用.html()或.text()

Answer 3

.val()僅適用於輸入。對於任何其他HTML元素來獲得在HTML中，你可以使用.html()或.text()

Answer 4

HTML

<div class="value1">30</div> 
<div class="value2">3</div> 
<div class="sum"></div> 

JS

$(document).ready(function() { 
    $(".sum").append(addnumbers($(".value1").html(),$(".value2").html())); 
}); 

function addnumbers(value1,value2){ 
    return (Number(value1)+Number(value2)); 
}; 

JSFiddle

Answer 5

我做你fiddle

Cod E：

jQuery(document).ready(function($) { 
 
var value1 = $(".value1").html(); 
 
var value2 = $(".value2").html(); 
 

 
function addnumbers(value1,value2){ 
 
    var sum = parseInt(value1) + parseInt(value2); 
 
    return sum; 
 
}; 
 
    var sum = addnumbers(value1,value2); 
 
    $(".sum").append(sum); 
 
});

<div class='value1'>2</div> 
 
<div class='value2'>4</div> 
 
<div class='sum'></div>