如何在jquery中按id重新添加新的div

我有两个div

 <div id="register">

 <div id="login">

我想在单击切换按钮时重新添加登录，因此我尝试了此操作

$('#swtchbtn').click(function(){     
     $('#register').remove();
     $('#login').add('div');
});

---

问题是登录div没有显示。我做错了什么？

与其添加和删除，不如使用.show（）和.hide（）。这样，div仍然存在，但是您可以根据用户单击的内容有条件地显示或隐藏内容

$.(document).ready(function(){
    $('#swtchbtn').click(function(){
        $('#register').hide();
        $('#login').show();
    });
});

试着这样做

$('#swtchbtn').toggle(function(){ 
    $('#register').css("display" ,"block"); 
    $('#login').css('display','none'); 
});         

上面的代码还没有经过测试，但相信它应该适合您，或者您可以不用切换就可以完成

$('#swtchbtn').click(function(){ 
    $('#register').css("display" ,"none"); 
    $('#login').css('display','block'); 
}); 

代码

$（'#login'）。添加（'div'）

将尝试向id为login的现有div添加新div。由于您已删除登录div，因此此代码不起任何作用，您应该使用：

$(document).append('<div id="login"></div>');

登录
登记
切换
删除
div id=login
，然后尝试向刚刚删除的
登录添加另一个
div
？你看不出为什么这样不行吗？你是想重新添加登录输入吗？类似于
$（document）.append（“”）？是的，我想在@freedomn重新添加它。我的建议是使用
.show（）
和
.hide（）
而不是添加/删除DOM节点。我刚刚发现这将是更好的选择，谢谢你会发现使用
.show（）
和
更容易。hide（）
而不是
。css（“display”，…
$(document).append('<div id="login"></div>');