Question

我有两个div

 <div id="register">

 <div id="login">

带有开关按钮swtchbtn

在页面加载中，我使用

删除了登录名

      $('#login').remove();

单击切换按钮后，我想重新添加登录名，所以我尝试了

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

问题在于未显示登录div。我在做什么错了？

Answer 1

使用.show（）和.hide（）可能比添加和删除更好。这样div仍然存在，但是您可以根据用户单击的内容（即，

）有条件地显示或隐藏内容。

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

Answer 2

尝试用这种方式

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

上面的代码尚未经过测试，但相信它应该对您有用，或者您可以不用切换就可以做到。

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

Answer 3

代码if(isset($_POST['submit'])) { $course=$_POST['course']; $chk=""; foreach($course as $chk1) { $chk.= $chk1.","; } $q="INSERT INTO application(id,fname,lname,age,sex,edu,addr,course) VALUES ('','$fname','$lname','$age','$gender','$edu','$addr','$course')";将尝试使用ID登录将新的div添加到现有的div中。删除登录div后，此代码将无效，而是应使用：

$('#login').add('div');

或父包装而不是$(document).append('<div id="login"></div>');。

但是，您的document div不太可能只是那个（空div），并且您还有其他代码，例如名称/密码输入，这使得添加/删除DOM节点的过程过于复杂。

相反，您可以使用login和.show()在它们之间或更简洁的.hide()之间进行切换：

.toggle()

$(document).ready(function() {
  $("#login").hide(); // or use display:none in the HTML so you don't get FOUC
  $('#switchbtn').click(function() {
    $('#register,#login').toggle();
  });
});

如何在jQuery中通过ID重新添加新的div

3 个答案: