我试图在单击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… </span></div></div>');
});
});
最佳答案
好像切换元素而不是添加元素会更好,但是您可以检查一下
var childNodes = $(".menu-container").children();
if (childNodes.length) {
childNodes.remove();
} else {
$(".menu-container").append("...");
}