javascript - 加载时更改 div 内容

Question

我正在尝试编写一个脚本，当页面加载时，更改 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/上的相同代码

Answer 1

您忘记了"id 前后的字符（单引号也很好）。它应该是这样的：

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

Answer 2

您的选择器必须在双引号或单引号内，如下所示：

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