如何删除在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的元素。你应该为你的链接使用类，而不是ID。

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