javascript - jQuery .append 在我的函数中不起作用

Question

我是 javascript 和 jquery 新手。

我正在尝试从 JavaScript 函数添加 html。

为了将 y 的内容放置在特定位置，我添加了一个 div 标签“Contacts”并尝试向其附加元素。

但是“y”的内容没有被显示。

我的代码:

componentHtml += "<div id = Contacts>";
var y = [ 1, 2, 3 ];
$("#Contacts").append(y);
componentHtml += "</div>

Answer 1

您的代码存在几个问题。

1. "<div id = Contacts>"应该是'<div id="Contacts">' .
2. 您尝试$("#Contacts").append(y);但你的 div 还没有在 DOM 中。
3. 您尝试将数字数组附加到 div 中。 .append 不是这样的。

下面的代码解决了这些问题:

var contacts = $('<div>', { id: 'Contacts' });

var y = [ 1, 2, 3 ];

var content = y.join();

contacts.html(content);

$('body').append(contacts);

看看 .join([separator]) 查看不同的输出示例。