使用jQuery更改div内容

时间:2015-01-28 15:40:58

标签: jquery html

我有这段代码,我想使用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”,但我什么也看不见。我不确定我做错了什么。

1 个答案:

答案 0 :(得分:4)

首先,元素的id不需要#

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

其次,您正在向元素添加HTML,因此使用text()将对字符串中的任何HTML标记进行编码。请改用html()功能:

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

Working fiddle