javascript - 追加クリックで削除 クリックで削除

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

これはあなたの仕事に基づく例です: http://jsfiddle.net/UQTY2/128/

<div class="class">Click to add a green box</div>
<button class="button">Click to remove all green boxes</button>

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

$(".button").click(function(e) {
    e.preventDefault();
    $("div.click").remove();
});

Answer 2

これは削除されます

$(".button").on("click", function (e) {

    e.preventDefault();
    $("div.click").remove();
});

私のフィドルをチェックしてください

http://jsfiddle.net/suhailvs/4VmYP/2/