javascript - 通过jQuery替换div的内容

Question

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

你需要像下面那样做，首先得到 html like$('#loginPage').html()然后把这个 html 分配给容器。

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

Answer 2

准确地说，使用以下load功能：

$('#admin').click(function(e){
   e.preventDefault();
   $('#container').load('login.ejs #loginPage');
});//--------------------^^^^^^^^--^^^^^^^^^^-----loads the <div id="loginPage">
   //---------------------------------------------from the login.ejs