如何使用jQuery小部件刪除點擊LI標籤？

我正在使用jQuery來實現一個可拖動LI對象。我希望能夠在用戶點擊刪除時刪除圖像。這裏是代碼如下：如何使用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>

來源

2012-07-27 steve landiss

創建你試過 – 2012-07-27 19:19:42

1995年叫什麼的jsfiddle。它希望它的'

'標記回來。 – j08691 2012-07-27 19:21:43

請記住，如果您想驗證您的標記，id不能以數字開頭 – voigtan 2012-07-27 19:26:25

當你點擊刪除按鈕，這將刪除父li。我相信這是你之後的事情。

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

來源

2012-07-27 19:21:29 Undefined

我如何獲得剛刪除的li的id？ – 2012-07-27 19:52:03

@stevelandiss將$（this）.parent（「li」）存儲到一個變量中，然後在刪除它之前從它獲取它的id屬性 – voigtan 2012-07-27 19:55:48

voigtan，即使我的LI標記具有一個id屬性$（this）.parent 「li」）。getAttribute（「id」）未定義 – 2012-07-27 20:01:54

嘗試：

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

來源

2012-07-27 19:22:54 mgraph

回答

相關問題