Получение 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>

, поэтому нажатие кнопки добавляет элемент LI в UL # sortable1, в котором также есть кнопка удаления.Теперь я хочу сделать так, чтобы, когда пользователи нажимали кнопку удаления определенного элемента списка, эти элементы списка удалялись из списка.

Как я могу это сделать?потому что теперь, когда список составлен, все li-идентификаторы или классы одинаковы, поэтому я не могу использовать это, чтобы указать, какой элемент должен быть удален.Итак, как я могу сказать: удалить только LI, из которых была нажата кнопка удаления?

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

Answer 1

Использование jQuery 1.4.2 +:

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

Кстати, у вас не должно быть повторяющихся идентификаторов, а вместо этого вы должны использовать другой класс. Элементы могут быть частью нескольких классов; атрибут class HTML представляет собой разделенный пробелами список.

Answer 2

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