jQuery：单击事件问题（我不会删除新添加的元素）

我对点击事件有一些问题，如果用户点击一个链接，它将在正文中附加一个框，如果用户点击框内的链接，它应该删除框，但我没有。如果我在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();
    });

var obj=$（此项）；
对象单击（功能（e）{
$（正文）。附加（“”）；
e、 预防默认值（）；
});
$（'#thelink'）。在（'单击'，$（此），（函数（e）{
$（“#thebox”）.remove（）
e、 预防默认值（）；
});

应该是这样的：

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

        $('#thebox').remove()

        e.preventDefault();
    });

---

@user759235欢迎，但接受答案是表示感谢的最佳方式。是的，我知道……但我不得不等了11分钟才能单击按钮，但现在已经完成；）

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

        $('#thebox').remove()

        e.preventDefault();
    });