jQuery.append'我不能胜任我的工作

jQuery .append doesn't work in my function

本文关键字：不能 能胜任 我的工作 append jQuery      更新时间：2023-09-26

我是javascript和jquery的新手。

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

为了将y的内容放在一个特定的位置，我添加了一个div标签"Contacts"，并试图将元素添加到其中

但是"y"的内容没有显示出来。

我的代码：

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

您的代码有几个问题。

  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])以查看不同的输出示例。

componentHtml只是执行$("#Contacts").append(y);时的一个字符串。由于它只是一个字符串，所以DOM中没有#Contacts元素。所以$("#Contacts")没有发现任何东西。

最简单的解决方案是使用join，例如：

componentHtml += "<div id = Contacts>";
var y = [ 1, 2, 3 ];
componentHtml += y.join("<br />");   // or any other delimiter
componentHtml += "</div>
相关文章：