javascript - 单击追加 <div> 并单击删除

Question

我有以下问题:

我附加 div:

$(".class").click(function() {   
    $(this).append("<div class='click'></div>");
    $("div.click").show();
});

然后我通过单击另一个按钮将其删除，但 div 仍然存在。

$(".button").on("click", function(e){
    e.preventDefault();
    ...
    $("div.click").hide();
});

Answer 1

尝试保持指向 div 的指针，以下应该可以工作。

var tempDiv;
$(".class").click(function() {   
  tempDiv = $("<div class='click'></div>").appendTo($(this)).show();
});

$(".button").on("click", function(e){
  e.preventDefault();
  tempDiv.remove();
});

<小时/>

否则你可以使用这种方式

$(".class").click(function() {   
   $("<div class='click'></div>").appendTo($(this)).show();
});

$(".button").on("click", function(e){
  e.preventDefault();
  $('.click').remove();
});

PS:如果 .click 类默认未隐藏，您也可以删除 .show()