javascript - 使用 JQuery 和 append() 将包含带空格的文本的数组添加到 TextArea 中

Question

我试图在我的页面上附加一个 TextArea 内的数组，每次数组中的字符之间有空格时我都会破坏它。 假设我的数组中有成分:“大米”、“油”、“ bean 浆”、“苹果”，我使用以下 JQuery 语法:

$("#container").append("<input type = 'text' id = 'ingredients' value = " + ingArrayTest+ ">");

我的最终结果将只有:“大米、油、大 bean ”，因为空格会破坏显示中数组的其余部分。有没有办法包装数组，这样就不会发生这种情况？

提前致谢!

Answer 1

假设我正确地阅读了本文，您可以使用简单的数组连接。尝试一下

ingArrayTest.join("\n")

...代替上面的 ingArrayTest。可以使用空格代替 '\n' ...

基于讨论，尝试:

var ingArrayTest = ["Milk", "Soy Milk", "Apple"];
var ingString = ingArrayTest.join(" ");
$("#container").append("<input type='text' id='ingredients' value='" + ingString  + "'>");

...注意接近值的单引号。观察单引号与双引号；非常重要。