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>​ 

私はliこれらのボタンが含まれていることを削除したい#addfriendか「#denyfriend」をクリックしたとき。

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

    //remove the current li 

}); 

どのように見つけることができますか？li？

おかげ

Answer 1

使用closest。また、指定されたIDを持つ要素を1つだけ持つこともできます。 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(); 
});