Question

好的人可以通过按ADD按钮在我的网站上列出一个列表。执行此操作的代码如下（使用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元素，其中还有一个删除按钮。现在我想创建一个事件，当用户单击某个列表项的删除按钮时，该列表项将从列表中删除。

我该怎么做？因为现在当列表生成时，所有li id或类都是相同的，所以我不能使用它来指定应该删除哪个元素。那么我该怎么说：只删除按下删除按钮的LI？

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

Answer 1

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

Answer 2

使用jQuery 1.4.2 +：

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

顺便说一下，你不应该有重复的ID，而应该使用另一个类。元素可以成为多个类的一部分; class HTML属性是以空格分隔的列表。

获取对象用户点击的DOM

2 个答案: