我正在嘗試創建一個交互式待辦事項列表,其中我在文本框中輸入文本,單擊按鈕並添加下方的項目。到目前爲止,我已經成功地使用按鈕將項目添加到我的列表中,但是無法通過單擊它來一次刪除一個項目,這是我希望能夠做到的。 (理想情況下,每個項目旁邊都會有一個複選框,當我點擊該項目時會消失)。到目前爲止,使用.remove()動作,我只能通過單擊使列表中的所有項目都消失。我做了一些研究,並認爲.on()行動可能是我需要的。我試過了,現在我無法讓物品消失。這是我的代碼:可移動清單項目
$(document).ready(function() {
$('#button').click(function() {
var toAdd=$('input[name=checkListItem]').val();
$('#item').append.('.list');
});
$(document).on('click','item',function() {
$(this).remove();
});
});
有沒有什麼突出的不正確?或者有更好的方法去解決這個問題嗎?我是全新的,並欣賞任何和所有feedback.Thank你!
我們展示你的HTML代碼。或者更好的,在www.jsfiddle.net上製作一個JsFiddle並在這裏分享。 – 2013-03-02 01:05:07
我發現一個錯字,並將'item'改爲'.item',現在它使我列表中的所有項目消失,而不僅僅是我點擊的項目。在此之後,它也不會讓我添加任何其他內容到我的列表中。對不起所有的閱讀! – user2125606 2013-03-02 01:07:10
我會去JsFiddle和分享我得到的 – user2125606 2013-03-02 01:07:38