javascript - オブジェクトをページに追加した後、オブジェクトを remove() するにはどうすればよいですか?

Question

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();
    }); 
});

オブジェクトのプールへのオブジェクトの追加は正常に機能しますが、プールに追加されたオブジェクトを削除できないようです。

Answer 1

これを試してください-（イベント委任を使用する必要があります）

$("#poolofobjects").on('click',".selected_object",function(){
  $(this).closest("td").remove();
});

• http://api.jquery.com/on/
• http://learn.jquery.com/events/event-delegation/

Answer 2

これは、セレクターの実行時にオブジェクトがまだページに存在しないためです。そのため、イベント ハンドラーが追加されません。

代わりに on() を使用してください - http://api.jquery.com/on/

Answer 3

このコードは実行中です。selected_objects の td タグを削除したいかもしれません。このコードを試すことができます。

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