所以我創建了一個簡單的購物清單/待辦事項應用程序。它幾乎完成,除了一個嘮叨的問題:.text()
總是返回[object Object]
而不是捕獲的輸入。.text()返回對象對象
我不明白我在做什麼錯。爲了展示一下我說的,我包括我的JS腳本:
$(document).ready(function() {
addItem();
deleteAction();
doneAction();
});
function addItem() {
$("button").click(function() {
var value = $(".input-form").val();
$("ul").append('<li> <span class=\"item-name\">'+value+'</span><span class=\"done\"> done</span><span class=\"delete\"> delete</span></li>');
$(".input-form").val('');
});
}
function deleteAction() {
$(".ul-list").on("click", ".delete", function() {
// alert("Delete event fired.");
$(this).closest("li").remove();
});
}
function doneAction() {
$(".ul-list").on("click", ".done", function() {
// alert("Done event fired.")
$(this).closest("li").toggleClass("strike");
});
}
這裏是我完整的代碼上CodePen:http://codepen.io/barackobama/pen/qOrKBp
添加了代碼鏈接 – Leb