Question

我需要通过单击相同的div来删除div（＃pop1），然后通过单击其他div（＃pop2）再次添加该div，并需要删除该div（#pop2）。

检查我的demo

我写了代码来删除div但是如何再添加它。

$(".del").click(function(){
   $(this).parent().remove();     
})

Answer 1

这是[DEMO]。我已将它绑定在.player类，因为del类太小了。你可以相应改变它！

$(".player").bind('click', function(){
    $('.player').show();
   $(this).hide();     
})

Answer 2

与评论的其中一条建议一样，如果您希望隐藏并显示.hide()

，请使用.show()和div

但是，如果你想remove div然后在以后添加它，请使用全局变量来保存div

var $div=$(".del"); \\ the global variable

然后在使用.remove()代码删除它之前添加$div=$(".del")。

之后您可以使用它将div附加到$("#parentDiv").append($div)

的父元素

PS：现在无法在我的网络中访问你的小提琴，因此无法发布更新的小提琴

Answer 3

这可能就是你所追求的：

<script type="text/javascript">
$(function(){
var cached = null;

$(".del").click(function(){
    if(cached != null){
     $('body').prepend(cached);   
    }
   cached = $(this).parent().detach();
})
});
</script>

注意：删除您内联编写的点击处理程序：

<a class="del" href='#' onclick="remove('rem')" ><div id="pop3"></div></a>

完全删除div并再次添加

3 个答案: