有人可以解释 .appendTo() 方法的这种语法吗？答案

【问题标题】：Can someone explain this syntax for the .appendTo() method?有人可以解释 .appendTo() 方法的这种语法吗？
【发布时间】：2019-11-08 05:25:20
【问题描述】：

我第一次设置数据表，遇到了这段代码，效果很好。它将按钮容器很好地放入数据表中。

也就是说，考虑到语法，我很难理解它是如何工作的。我确实看过 .appendTo() 文档here，但它并没有完全解释下面的语法。

api.buttons().container().appendTo( '#' + api.table().container().id + ' .col-sm-12:eq(0)' );

具体来说，我不明白target 的内容。

# - 没有为要附加到的元素分配 id 属性。

api.table().container().id 在那里做什么？

最后，它将按钮容器定位到具有.col-sm-12 类的元素中，但eq(0) 是什么？

如果有任何意见，我将不胜感激。谢谢！！

【问题讨论】：

文档中提到appendTo 接受selector，因此请阅读Selectors API docs。尝试使用浏览器的debugging capabilities 找出'#' + api.table().container().id + ' .col-sm-12:eq(0)' 的计算结果。
感谢您为我指明了正确的方向 - 在某些方面，这比仅仅解释更有帮助。我可以看到我错过了什么。有没有办法对您的回复进行投票？谢谢！

【解决方案1】：

为了更清楚而编辑了答案：

.appendTo() 方法接受一个选择器，它将附加到该选择器 - 在这种情况下，按钮被附加到与选择器匹配的元素。

由于文档中有多个匹配项，:eq(0) 部分是 jQuery，它只获得第一个匹配项，因为该选择器有多个匹配项，我们不希望在每次匹配时都附加它。

【讨论】：