2017-04-25 28 views
0

我希望每個項目都在它自己的<tr>並追加到<tbody>JQuery forEach()分別打印每一個

我的代碼將它們打印在同一個<tr>中。

ingredientsArray.forEach(function(item){ 
    var ingredient =`<tr> 
         <td><input class="ingredientsInput" value="`+ item +`"/></td> 
        </tr>`; 

    $(ingredient).appendTo('tbody'); 
    console.log(item); 
}); 

已解決!問題是Array是ONE long String var ingredientsArray = [「a,b,c」];它看起來像一個大陣列,但實質上它只有一個參數。

+2

你能提供一個工作jsfiddle演示嗎? – Natrium

+1

其工作。檢查你的代碼在這裏小提琴https://jsfiddle.net/6f8e0ud9/ –

+0

代碼將正常工作。所以哪些不起作用?瀏覽器控制檯中有任何錯誤? 「配料」中有什麼? –

回答

0

Outsitlde循環做var ingredient

內。然後做ingredient += yourTableRowString

然後循環結束後,應進行追加

這樣生成的HTML後,你只追加一次。

如果您需要檢查值,則可以在追加之前始終記錄完整字符串。