Jquery 如何在单击时添加div和删除相同的div

编辑

说我的页面如下

<div id="mask">content</div> 
<div id="box">content</div>

内容
内容

div掩码在页面中隐藏。如何使其在单击时显示，在单击同一按钮时再次隐藏

要么那样，要么我可以

<div id="box">content</div> 
<div id="mask">content</div>

内容
内容

这两个选项都可以在页面上看到，但我希望单击时将“掩码”移回“之前”框，然后再次单击时返回到原始状态。

您可以尝试

  $('#box').on('click', function() {
    if($(this).prev('#mask').length) {
       $(this).prev('#mask').toggle();
    } else {
      $(this).next('#mask').insertBefore(this);
    }
 });
 // code for mask hide on its click
 $('#mask').on('click', function() {
   $(this).hide();
 });

---

为您需要的操作保留一个标志。大概是这样的：

var flag='firstClick';
$('#box').on('click', function(){
    if (flag == 'firstClick') {
        $('#box').insertBefore($(this));
        flag = 'notFirstClick';
    }
    else $('#box').remove();
})

---

如果你只是想隐藏它，你不必移除它。 你可以用

$("#mask").toggle()

---

点击按钮。然后使用

style=“display:none”

将mask div放在box div之前，然后我可以知道如何删除#mask吗？

toggle（）

将在第一次调用中显示。然后躲在下一个电话里。然后再次出现在通话中。。。像智者一样。你还想删除它吗？谢谢你的演示。我现在就试试这个方法。它正按照我的预期工作。当我点击#框时#掩码将出现在#框之前。然而，当我点击#mask时，它是否会返回到隐藏状态？