тег jQuery + <a>

Question

Я создал обновление статуса в стиле Facebook / Twitter, в котором новый статус добавляется в неупорядоченный список.Теперь я хочу добавить к нему функцию «УДАЛИТЬ», однако я не уверен, как лучше всего это сделать.

1. В моем элементе списка создайте мой тег [a] с уникальным идентификатором идентификатора статуса сообщения и установите класс слушателя
2. Пусть jQuery будет прослушивать теги [a] с помощьюкласс слушателя
3. POST идентификатор для сценария PHP, чтобы удалить сообщение;в случае успешного возврата с помощью «ok» или с ошибкой - с помощью «fail»
4. В функции обратного вызова, если все в порядке, найдите элемент и удалите его

Answer 1

HTML:

<li id="id-1234">
   Some text
   <a href="#" class="remove_li">Remove</a>
</li>

Javascript:

$(document).ready(){
    $('.remove_li').live('click', function(){
       var id = $(this).parent().attr('id').substring(3);
       var that = this;
       $.post('url.php', {id: id}, function(data, status){
           if(status == 'success'){
               $(that).parent().remove();
           } else {
               alert("Couldn't delete");
           }
       });
    });
}