在加载时更改div内容

时间:2012-06-18 21:40:19

标签: javascript jquery

我正在尝试编写一个脚本,当页面加载时,更改2个div内的内容。目前脚本应该只将变量放在div中,但我的下一步是使用数组编写相同的脚本。 目前脚本不工作,我不知道为什么......我是否要使用AJAX而不是.html()? 页面:

<div class="think_infobox">
            <h4 class="infbox" id="infbox_title">
                original title
            </h4>
            <p class="infbox" id="infbox_body">
               original body
            </p>

脚本

$(document).ready(function(){
    var title = 'my new title';
    var body = 'my new body';
    $(#infbox_title).html(title);
    $(#infbox_body).html(body);
});

jsFiddle上的相同代码 http://jsfiddle.net/G8F9a/

2 个答案:

答案 0 :(得分:2)

你忘记了id之前和之后的"字符(单引号也很好)。它应该是这样的:

$("#infbox_title").html(title);

答案 1 :(得分:2)

您的选择器必须位于双引号或单引号内,如下所示:

$(document).ready(function(){
    var title = 'my new title';
    var body = 'my new body';
    $('#infbox_title').html(title);
    $('#infbox_body').html(body);
});