清空并将 html 写入 Div

Question

我正在尝试编写html，但它说空不是一个函数。我通常这样做。我清空，然后在div 上写一些东西。

var status = $('#terminalStatusDiv');
 status.empty().html('<span class="terminalStatus">Connected</span>')

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

Answer 1

您的代码无法像现在这样工作的原因是您使用"status"作为变量名称，并且它是一个全局属性。

https://developer.mozilla.org/en-US/docs/Web/API/Window/status

var status1 = $('#terminalStatusDiv');
 status1.empty().html('<span class="terminalStatus">Connected</span>')

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

Answer 2

status 是内置在 JavaScript 关键字中的

var foo = $('#terminalStatusDiv');
foo.empty().html('<span class="terminalStatus">Connected</span>')