jQuery：クリックイベントの問題（新しく追加された要素を削除しないでください）

Question

クリックイベントで問題が発生しました。ユーザーがリンクをクリックすると、本文にボックスが追加され、ユーザーがリンクをクリックするとボックスの内側にはボックスをはずしてください。しかし、私はしません。私がclickイベントの外にボックスを追加すると、それは動作しますが、これは私が望むものではありません。私は何か愚かなことをしています。私はそれを知っていますが、私は何も見えないようです。

//プラグインラッパー内部

var obj = $(this); 

    obj.click(function(e){ 

     $(body).append('<div id="thebox"><a href="#" id="thelink">a link</a></div>'); 

     e.preventDefault(); 
    }); 

    $('#thelink').on('click',$(this),(function(e){ 

     $('#thebox').remove() 

     e.preventDefault(); 
    }); 

Answer 1

$('#thelink').on('click',$(this),(function(e){ 

     $('#thebox').remove() 

     e.preventDefault(); 
    }); 

は、次のようになります。勿論、

$('body').on('click','#thelink',(function(e){ 

     $('#thebox').remove() 

     e.preventDefault(); 
    });