所以我创建了一个简单的购物清单/待办事项应用程序。它几乎完成,除了一个唠叨的问题:.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