jquery - 使用 jQuery 更改 div 内容

Question

我有这段代码，我想使用 jQuery 修改 #spock 内容:

<script type="text/JavaScript">
$(document).ready(function () {
    var url = window.location.href,
    server = "Testing123",
    content = "",
    background = "";
    content = '<p class="server-message ' + server + '">You are on the <strong>' + server + '</strong> server</p>';
    alert('content = ' + content);
    $("#spock").text(content);
});
</script>
<div id="#spock"></div>

我希望它在我的页面上显示“Testing123”，但我什么也没看到。我不确定我做错了什么。

Answer 1

首先，元素的id不需要其中的#:

<div id="spock"></div>

其次，您将 HTML 添加到元素中，因此使用 text() 将对字符串中的任何 HTML 标记进行编码。请改用 html() 函数:

$("#spock").html(content);

Working fiddle