jquery删除<li> tag </li>的父级

Question

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

如果

不是直接父级，则可以使用最近的：

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

Live DEMO

Answer 1

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

如果<li>不是直接父级，则可以使用closest：

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

Live DEMO