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

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 返回未定义，因为它还无法访问 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