jQuery列表數量不顯示

Question

我是jQuery和編碼的新手。幾天後，我在jQuery中製作一個購物清單應用程序的過程中取得了很大進展，但我正在爲兩件事情而苦苦掙扎。

我的數量選擇器已實施，但一旦我的數量被選中並添加，它就不會顯示在我的清單上。我很難看到什麼以及我在哪裏丟失了正確的字符串，以便點擊添加按鈕時數量顯示在列表中。

繼承人我的代碼演示：http://jsbin.com/cetisobuhe/edit?html,js,output

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();