我试图在单击div上添加一个追加菜单。但是我在这里有一个问题。第二次单击后如何删除附加的元素。在这方面有人可以帮助我吗?

这是codepen.io的DEMO页面

s

$(document).ready(function(){
   $("body").on("click", ".menu-button", function(event){
      event.preventDefault();
      $(".menu-container").append('<div class="button"></div><div class="rebackbar"></div><div class="abc" id="myDiv"></div><div class="lBrgF"><div class="card"><span class="three-quarters-loader">Loading&#8230; </span></div></div>');
   });

});

最佳答案

好像切换元素而不是添加元素会更好,但是您可以检查一下

var childNodes = $(".menu-container").children();
if (childNodes.length) {
    childNodes.remove();
} else {
    $(".menu-container").append("...");
}

08-25 11:12
查看更多