jquery删除<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();
});

现场演示