如何刪除jquery中點擊過的當前項目？

Question

我有這種情況：

<ul class="accept_friends"> 
    <li> 
      <div class="center_image">test1</div> 
      <div> 
       <a href="" id="addfriend" class="gbutton gleft gadd" title="6">Add</a> 
       <a href="" id="denyfriend" class="gbutton gright gdelete" title="6">Deny</a> 
      </div> 
    </li> 
    <li> 
      <div class="center_image">test2</div> 
      <div> 
       <a href="" id="addfriend" class="gbutton gleft gadd" title="4">Add</a> 
       <a href="" id="denyfriend" class="gbutton gright gdelete" title="4">Deny</a> 
      </div> 
    </li> 
</ul>​ 

當我在#addfriend或「#denyfriend」點擊我想刪除li包含這些按鈕。

$('#addfriend').on("click", function(){ 

    //remove the current li 

}); 

任何想法如何找到那li？

感謝

Answer 1

使用closest。你也只能有一個給定ID的元素。你應該爲你的鏈接使用類，而不是IDS。

$('.gadd').on('click', function() { 
    $(this).closest('li').remove(); 
}); 

Answer 2

$('#addfriend').on("click", function(){ 

    $(this).closest('li').remove(); 

}); 

Answer 3

你可以使用jquery.closest();

要做到這一點：

$('#addfriend').on("click", function(){ 
    $(this).closest("li").remove(); 
}); 

Answer 4

這應該做的伎倆。

$('#addfriend').on("click", function() { 
    $(this).parent().parent().remove(); 
});