Как удалить текущий элемент, который был нажат в 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. Также вы можете иметь только один элемент с заданным идентификатором. Вы должны использовать классы для своих ссылок, а не идентификаторы.

$('.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(); 
});