Question

所以我创建了一个简单的购物清单/待办事项应用程序。除了一个唠叨问题外，它几乎完成了：[object Object]不断返回$(document).ready(function() { addItem(); deleteAction(); doneAction(); }); function addItem() { $("button").click(function() { var value = $(".input-form").val(); $("ul").append('<li> '+value+' done delete</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"); }); }而不是捕获的输入。

我不明白我做错了什么。为了展示我正在谈论的内容，我加入了我的JS脚本：

xcode-select --install

这是我在CodePen上的完整代码：http://codepen.io/barackobama/pen/qOrKBp

Answer 1

.name似乎没有定义，当DOM在字符串参数中调用.text()时$(".name").text(value)附加到append()。value？

尝试使用.append()运算符将字符串参数中的+设置为'+value，value;在click事件中移动js变量声明，以便定义它，在事件中设置; value初始代码集addItem()，.ready()最初在function addItem() { $("button").click(function() { var value = $(".input-form").val(); $("ul").append('<li> '+value +' done' +' delete</li>'); $(".input-form").val(''); }); }调用，当用户尚未设置值时

InputStream is = new BufferedInputStream(socket.getInputStream());
int c = is.read();

codepen http://codepen.io/anon/pen/NGpBBX

Answer 2

考虑到您可能希望使用多个表单条目将整个表单内容解析为键值对列表以便于访问它。

function addItem() {
     $("button").click(function() {
         var data = $('.input-form').serializeArray().reduce(function(obj,item) {                
                obj[item.name] = item.value;
                return obj;
              }, {});
         $("ul").append('<li> <span class=\"name\"></span>'+data['additem']+
                    '<span class=\"done\"> done</span><span class=\"delete\"> delete</span></li>');
         $(".input-form").val('');
     });
}

.text（）返回对象Object

2 个答案: