개체를 페이지에 추가 한 후 개체를 제거() 할 수 있습니까?

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

개체가 페이지에 존재하지 않는 그것 때문에 아직 (당신은 이벤트 위임를 사용해야합니다) 선택기가 실행되므로 이벤트 핸들러가 추가되지 않습니다. 대신에

사용() - http://api.jquery.com/on/

Answer 3

이 코드는 selected_objects의, 어쩌면 당신이 삭제하려는 TD 태그를 실행 중입니다. 이 코드를 사용해보십시오.

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