javascript - 通过jQuery替换div的内容

Question

我有一个文件login.ejs以 <div id="loginPage"> 开头然后包含一个登录表单。然后我有一个文件 index.ejs with a <div id="container"> ID。我希望能够单击 container-div 外部的链接，该链接将用 loginPage div 的内容替换 container-div 的内容。在我的index.ejs我有:

<a href="#" id='admin' title="admin"><p><b>Admin</b></p></a>

我在index.js中有一个脚本:

function events() {
    // register events
        $('#admin').click(function()
        {
            $('#container').html('#loginPage');
            return false;
        });
}

但是我无法让它工作，有人可以提供一些想法吗？

Answer 1

您需要执行如下操作，首先获取像 $('#loginPage').html() 这样的 html，然后将此 html 分配给容器。

$('#admin').click(function()
        {
            $('#container').html($('#loginPage').html());
            return false;
        });