Question

我正在尝试获取一个特定div类的值，将其减去500，然后将结果填充到另一个div中。

我不太清楚为了将减法的结果填充到另一个div中我需要什么过程。

这样的事情：

<div class="main-value">5000</div>
<!-- main-value - 500-->
<div class="new-value"></div>

//Script
var main  = $(".main-value");
main.html(parseInt(main.html()) - 500 ).appendTo($(".new-value"));

到目前为止，减法工作，但我不能让它将更新的值附加到空div并保持原始的完整。

Answer 1

为此，您需要克隆元素，否则它可能会更新并附加原始元素。虽然解析字符串是可选的，因为操作是减法操作。

var main = $(".main-value");
main.clone().text(main.text() - 500).appendTo($(".new-value"));
//----^^^^----- clone the element

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main-value">5000</div>
<!-- main-value - 500-->
<div class="new-value"></div>

如果您只想在new-value课程中显示结果，请按照。

进行操作

var main = $(".main-value");
// update the text content in `new-value` div
$(".new-value").text(main.html() - 500);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main-value">5000</div>
<!-- main-value - 500-->
<div class="new-value"></div>

Answer 2

试试这个：

var mainval  = $(".main-value").text();
$(".new-value").text(parseInt(mainval) - 500);

参考：http://api.jquery.com/text/

Answer 3

将其分成两部分：

const char *

Answer 4

<!doctype html>
<html>
<body>

<div class="main-value">5000</div>
<div class="new-value">  </div>

<script>
var x= document.getElementsByClassName("main-value")[0].innerHTML;
var y= document.getElementsByClassName("new-value")[0];
y.innerHTML= x-500;
</script>

</body>
</html>

从另一个div获取Value，减去并使用jQuery填充另一个div

4 个答案: