无法将段落的值设置为新变量

Question

我正在尝试获取一个段落的值并将其设置为var / const / let

我试图获取段落值的代码

<p id="serial_number">232323323232</p>

这有效：

$('#serial_number').html();

返回

的值

"232323323232"

但是当我尝试将结果存储为var时：

var number = $('#serial_number').html();

返回

的值

"undefined"

如何获得此结果？

var number = 232323323232

Answer 1

您最有可能执行异步操作，这将使jQuery返回undefined，因为它尚未访问DOM节点。在这里工作，所以我建议您检查一下：

1. 调用此方法
2. 您的依赖关系是最新的
3. 如果p标签在服务器上呈现并作为结果发送给客户端。

如果结果在服务器上呈现，则可以使用Mutation Observer（https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver）监视标记，直到在其中呈现内容，然后对其进行更新。类似于jQuery中document.ready的工作方式，但是它将等到标记更改后。

https://codepen.io/evenstensberg/pen/oOoMmV#0

Answer 2

要使其成为数字，请使用text和parseInt：

var number = parseInt($("#serial_number").text());
console.log(number);
console.log(typeof number);

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<p id="serial_number">232323323232</p>

Answer 3

尝试 .innerHTML

var number = $('#serial_number').innerHTML;