如何使用jquery小部件删除单击上的LI标记？

Question

我正在使用jquery来实现一个可拖动的LI对象。 我希望能够在用户单击删除时删除该图像。 以下是代码：

<li class="ui-widget-content ui-corner-tr" id="1">
    <h5 class="ui-widget-header">Click for details</h5>
    <A href="" onclick='return onShowTask("Sample Task");'><img src="graphics/task.png" width="96" height="72" /></a>
    <center>Sample Task</center>
    <a href="" onclick='return onShowTask("Sample Task");' title="View details" class="ui-icon ui-icon-zoomin">View Details</a>
    <a href="" class="ui-icon ui-icon-trash">Delete image</a>
</li>

Answer 1

当您单击删除按钮时，这将删除父li。 我相信这就是你的追求。

$(".ui-icon-trash").on("click", function(e) {
    e.preventDefault();
    $(this).parent("li").remove();
});

Answer 2

尝试：

$(".ui-icon-trash").click(function(){
    $(this).closest("li").find("img").remove();
    return false;
})