從列表中刪除項目jquery li

這裏有一個簡單的HTML「待辦事項應用程序」，我有一個文本輸入可以在頁面上顯示該文本。每次輸入文字並點擊按鈕，都會出現一個新的「待辦事項」。我希望能夠刪除待辦事項，並通過點擊文本使其消失。從列表中刪除項目jquery li

我有它的工作，它將刪除整個，但似乎無法得到它允許單個li被創建後刪除。

<!DOCTYPE html> 

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.7.1.js"></script> 

<script> 

function myTask() 
$('#btnName').click(function(){ 
    var text = $('#inputName').val(); 
    if(text.length){ 
     $('<li />', {html: text}).appendTo('ul.taskList') 
    } 
}); 

</script> 

</head> 

<body onload="myTask()"> 


<div id="container">My Todos</div> 
<input type="test" id="inputName" /> 
<button id="btnName">Click me!</button> 

<ul class="taskList"></ul> 
<script> 
    $("ul").click(function() { 
    $(this).remove(); 
    }); 
</script> 

</body> 
</html>

來源

2013-07-23 tuneyfish

目標實際li

$(".tasklist").on("click", "li", function() { 
    $(this).remove(); 
});

來源

2013-07-23 00:17:59 tymeJV

謝謝，成功了！ – tuneyfish

@tuneyfish - 沒問題，一定要在可以的時候標記答案。 – tymeJV

從列表中刪除項目jquery li

回答

相關問題