Question

我正在尝试将两个值一起添加，并将该值附加到div。价值在于说＆＃34; 0＆＃34;当value1 = 30且value2 = 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

你应该做

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

div没有value属性。

所以请使用.html()或.text()

Answer 2

使用div （在您的情况下） ，您需要使用.text() .. .val()输入，选择

var value1 = $(".value1").text();
var value2 = $(".value2").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

代码：

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>

Jquery将两个值一起添加，返回两个值的总和

5 个答案: