Javascript 将对象附加到页面后，如何删除它？

我正在尝试使用jQuery来允许用户指定一个对象池，然后可以删除这些对象

我希望用户能够单击对象列表以将其添加到池中，如果他们希望从池中删除任何对象，请单击池中的对象以执行此操作

$(document).ready(function() {
    $('.object').click(function() {
        var typeOfObject = $(this).attr('id'); 
        $('#poolofobjects').append('<td><div class="selected_object">' + typeOfObject + '</div></td>');
    });
    $('.selected_object').click(function() {
        $(this).remove();
    }); 
});

$（文档）.ready（函数（）{
$（'.object'）。单击（函数（）{
var typeOfObject=$（this.attr（'id'）；
$（“#PoolOfObject”）.append（“”+typeOfObject+“”）；
});
$（'.selected_object'）。单击（函数（）{
$（this.remove（）；
}); 
});

向对象池中添加对象效果很好，但是我似乎无法删除已添加到对象池中的对象

试试这个-（您需要使用事件委派）

---

这是因为当选择器运行时，对象还不存在于页面中，因此事件处理程序没有添加到其中

---

改为使用on（）-

此代码正在运行，可能需要删除选定对象的td标记。你可以试试这个代码

$('.selected_object').click(function() {
    $(this).parent().remove();
}); 

---

我可以向你保证它没有运行。干杯！：）我感谢你的帮助！

$('.selected_object').click(function() {
    $(this).parent().remove();
});