Jquery click 不适用于动态生成的 id [重复]答案

【问题标题】：Jquery click does not work for dynamicly generated id [duplicate]Jquery click 不适用于动态生成的 id [重复]
【发布时间】：2015-01-25 12:22:22
【问题描述】：

我有一个文本框，如果您输入并单击按钮，它将生成一个带有“删除文本”的复选框。

我想知道为什么我的点击功能不起作用，它根本没有做任何事情。像这样的smtg：

$( "#addMemberEmail" ).click(function() {
    if(jQuery.trim($('#mListMemberEmail').val()).length > 0) {
        var checkboxId = "checkbox_" + $('#mListMemberEmail').val(); 
        var checkbox = '<tr><td><input type="checkbox" id="' + 
                         checkboxId + '" value="' + $('#mListMemberEmail').val() + 
                         '" checked/></td><td>' + $('#mListMemberEmail').val() + 
                         '</td><td><div class="btndel" id="abc">delete</div></td></tr>';
        $('#group').append(checkbox);

        //reset textbox
        $('#mListMemberEmail').val('');
    } else {
        alert("Please enter an email address");
    }
});

//why this is does not work?
$( ".btndel" ).click(function() {  
    alert("Aaa");
});

我在这里创建 jsfiddle：

http://jsfiddle.net/vABvy/39/

如果您也可以向我展示删除功能，那就太好了。应该是如果您单击删除按钮，它会删除复选框取决于单击了哪个删除按钮。

【问题讨论】：

标签： javascript jquery html click jquery-events

【解决方案1】：

去

$(document).on("click",".btndel", function() {  
    alert("Aaa");
});

规避正确链接到元素的任何问题，当脚本尝试链接时，这些元素可能不会出现在 DOM 中

【讨论】：