JQuery forEach（）分别打印出每个

Question

我希望每个项都在自己的<tr>中并附加到<tbody>。

我的代码将它们全部打印在同一<tr>。

中

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

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

已解决！问题是数组是一长串String var ingredientsArray = [＆＃34; a，b，c＆＃34;];它看起来像一个大阵列，但实质上它只有一个参数。

Answer 1

结束循环做var ingredient

然后在里面做ingredient += yourTableRowString

然后在循环结束后执行追加

这样您只需在生成html后附加一次。

如果需要检查值，可以在追加之前始终记录完整的字符串。