如何在 Jquery 选定的 DOM 上 appendChild()答案

【问题标题】：How to appendChild() on Jquery selected DOM如何在 Jquery 选定的 DOM 上 appendChild()
【发布时间】：2016-11-13 08:19:31
【问题描述】：

我正在尝试通过 jQuery 将子元素附加到所选 HTML 元素的开头。

我的代码：

var table = $(this).parent();
console.log(table)
table.appendChild(table_row);

控制台：

[table.table.unit-list, prevObject: jQuery.fn.init[1], context: tr] //log
... appendChild is not a function //error

【问题讨论】：

【解决方案1】：

只需使用.append()

说明：将参数指定的内容插入到匹配元素集中每个元素的末尾。

table.append(table_row);

【讨论】：

【解决方案2】：

您正在尝试将纯 JavaScript 函数 appendChild 与 jQuery 对象一起使用。

要附加您的表格，请使用 jQuery append table.append(table_row);

或者您可以通过从 jQuery table[0] 获取第一个元素来访问纯 JavaScript 对象。所以它会像table[0].appendChild(table_row);

【讨论】：

【解决方案3】：

由于 jquery $ 函数返回“数组”（实际上它返回可迭代对象）

你可以使用

table[0].appendChild(tableRow)

如果你想使用 appendChild 。

【讨论】：