Jquery的append()方法和链顺序调试

Question

我正在尝试使用 Jquery 将新行插入到表中。有人可以评论这两种技术吗：

1. 这工作正常：

   $('').append(row).appendTo(table);
   

2. 这不起作用，但不清楚为什么？

   $(row).appendTo($('')).appendTo(table);
   

Answer 1

在你的第二个例子中......

$(row).appendTo($('<tr>')).appendTo(table);

你第二次调用 appendTo() 时的集合并不是你想象的那样。它将是行。

这个 jsFiddle 应该会更清楚。

Answer 2

$(row).appendTo($('<tr>').appendTo(table)); 

尝试一下。看来您刚刚将括号的顺序弄错了。

Answer 3

$(row).appendTo($('<tr>'))

这会将行添加到新创建的 中。这将返回对 row 的 jQuery 引用 - NOT 到新创建的

                          .appendTo(table);

将 row 添加到 table，从而将其从新创建的 中删除。

试试这个吧。它可以直接获取参考文献。

$('<tr>').append(row).appendTo(table);

Answer 4

你的范围已关闭。 appendTo 不会改变链的范围。您将行附加到动态 tr，然后立即将其附加到表中。

---

Snowblind 的解决方案将起作用，这将起作用： $(table).append($(row).wrap(''));

可能有一堆其他推导。只要确保您从中获得了一些链条理解即可。 :)