jquery 或 javascript 数组作为文本附加到 div答案

【问题标题】：jquery or javascript array appending to div as a textjquery 或 javascript 数组作为文本附加到 div
【发布时间】：2011-08-11 09:39:05
【问题描述】：

我的问题是将数组作为文本附加到现有 div 中。我不知道为什么它不起作用，所以我有这个代码：

var raya = ui.item.value + ' ';  
$('#result').append(raya);
var tor = $("#result").text();

上面的代码正在运行，raya 的值（它是字符串）被正确附加到#result
问题来了，array1 的值没有附加到#result2 和想法为什么它不起作用？

var array1 = new Array();
array1 = tor.split( " " );
array1 = $.unique(array1);
$('#result2').append(array1);
return false;

（只是提到所有东西都保存在一个函数中，这不可能是原因，但只是为了知道）

【问题讨论】：

顺便说一句，您不必使用空数组初始化 arra1。你甚至可以写例如：var new_tor = $.unique(tor.split(' ')).join(' ');

标签： javascript jquery arrays append

【解决方案1】：

您可以执行类似的操作将数组显式转换为字符串。

$('#result2').append(array1+'');

这是一个工作示例

http://jsfiddle.net/EsnLs/2/

【讨论】：

请注意：array1 + '' 有效，因为 JS 试图将 '' 与数组连接，从而自动调用 .toString()

【解决方案2】：

那是因为append 需要一个字符串，而您正在向它发送一个数组。

两种解决方法。使用.toString() 或.join()

$('#result2').append(array1.toString()); //inserts a comma separated list
$('#result2').append(array1.join(' '));  //inserts a string separated by what you pass as param

【讨论】：