如何使用jQuery在HTML元素中设置变量的值？

Question

我已经定义了一个名为“ total”的变量作为数据库结果。我想在接口上的ID值为“ #total”的输出字段中显示此结果。此ID属于“标签”元素。可以有任何输出元素。 这样的情况可以实现吗？

Answer 1

在HTML中的jQuery中设置变量值相当容易。

您可以使用：

• $('#myDiv').text(variable)
• $('#myDiv').html(variable)

---

let variable = 'Hello World';

$('#myDiv').text(variable);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="myDiv"></div>

Answer 2

var total = 300;
var total_1 =400;
document.getElementById("total").innerHTML = total;
$('#total_1').html(total_1);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
Using JavaScript
<div id="total"></div>
<br>
Using jQuery
<div id="total_1"></div>