개체 사용자 DOM 클릭하기

Question

사람들은 추가 버튼을 눌러 내 웹 사이트에서 목록을 만들 수 있습니다. (jQuery를 사용하여) 다음과 같이이 작업을 수행하는 코드는 다음과 같습니다

<script type="text/javascript"> 
function voegToe(){ 
$('#sortable1').append("<li class='ui-state-default'>" + $('#product').html() + $('#eiwit').html() + " <button id='voegtoe' class='zoek' type='button' onClick='deleteObject();'>del</button></li>"); 
} 
</script> 

그래서 버튼을 누르면 또한 거기에 삭제 버튼이있는 UL 번호의 sortable1에 LI 요소를 추가합니다. 이제 사용자가 특정 목록 항목의 삭제 버튼을 클릭하면 해당 목록 항목이 목록에서 제거되는 이벤트를 만들고 싶습니다.

어떻게하면됩니까? 이제 목록이 만들어지면 모든 liid 나 클래스가 동일하므로 어떤 요소를 제거해야하는지 지정할 수는 없습니다. 그럼 어떻게 말해야합니까? 삭제 버튼을 누른 LI 만 삭제 하시겠습니까? 1.4.2+ jQuery를 사용

<script type="text/javascript"> 
    function voegToe(){ 
     $('??????').remove(); 
    } 
    </script> 

Answer 1

$('.zoek').live('click', function() { 
    $(this).parent().remove(); 
}); 

Answer 2

: 그런데

$('#sortable1').delegate('button', 'click', function() { 
    $(this).parent().remove(); 
}); 

, 당신은 중복 ID를하지 말았어야하지만, 오히려 대신 다른 클래스를 사용해야합니다. 요소 은이 여러 클래스에 속할 수 있습니다. class HTML 속성은 공백으로 구분 된 목록입니다.