Javascript jQuery列表数量未显示

一般来说，我对jQuery和编码都是新手。在jQuery中制作购物清单应用程序的几天里，我在泥泞中挣扎了几天，取得了很大的进步，但我有两件事要做

我的数量选择器已实现，但一旦选择并添加了我的数量，它将不会显示在我的列表中。当单击“添加”按钮时，我很难看到缺少了使数量显示在列表中的适当字符串的内容和位置

---

这是我的代码演示：

您没有添加第二个

的值：

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

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

输出：

---

更好的版本

而不是像这样使用：

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

最好使用：

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

---

成功了！谢谢你的帮助。您提到我当前的实现有点错误。有没有更好的方法来处理我不知道的此类列表？@ThomasT。是的，请使用

id=“name”

和

id=“qty”

或其他东西，并以这种方式访问。@ThomasT。“你想让我举个例子，还是可以？”托马斯特说。检查更新的答案<代码>：）感谢您的洞察力！非常感谢。这几天来一直在折磨我！哈哈，谢谢你！！

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

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