如何在Jquery选择DOM上appendChild（）

Question

我试图通过jQuery将child附加到选定的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

Answer 1

只需使用.append()

即可

  

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

table.append(table_row);

了解Difference between append and appendChild

Answer 2

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

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

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

Answer 3

因为jquery $ function返回“Array”（实际上它返回了可迭代的对象）

你可以使用

table[0].appendChild(tableRow)

如果你想使用appendChild。