jQuery列表数量未显示

Question

我是jQuery和编码的新手。经过几天被拖入泥浆中制作购物清单应用程序在jQuery我取得了很大的进步，但我正在努力解决两件事。

我的数量选择器已实施，但一旦选择并添加了我的数量，它就不会显示在我的列表中。当点击添加按钮时，我很难看到我错过了正确的字符串以使数量显示在列表中。

继承我的代码演示：see this question for why

Answer 1

您没有添加第二个<input />的值：

var new_task = $('input').val() + ": " + $('input + input').val();

在您当前的实现中，这有点错误，上面的代码可以正常工作。见：

输出：http://output.jsbin.com/negiguhumu/1

更好的版本

而不是使用这样的东西：

<input type="text" id="new-text" placeholder="Add item to list"/>
<input type="number">

var new_task = $('input').val() + ": " + $('input + input').val();

最好使用：

<input type="text" id="new-text" placeholder="Add item to list" />
<input type="number" id="quantity" />

var new_task = $('#new-text').val() + ": " + $('#quantity').val();