如何使用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;
})