jQuery + <a>标记

Question

我创建了一个Facebook/Twitter样式状态更新，其中新状态'被添加到无序列表中。我现在想添加一个“删除”功能，但是，我不知道如何最好地完成这一点。

1. 在我的列表项，创建我的[A]与状态后ID的唯一ID标签，并设置一个监听器类
2. 拥有jQuery的监听[A]与监听器类
3. POST标签将该ID传递给PHP脚本以删除该帖子;如果用“OK”或者，如果成功返回失败，返回“失败”
4. 在回调函数，如果是OK，然后找到该元素，将其取下

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"); 
      } 
     }); 
    }); 
}