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