自教程以来，在d3更改中嵌套了选择吗？

Question

关于这个主题的另一个主题是，我能做出的唯一回复必须是答案。所以，这是关于这个主题的另一个主题，要求澄清一个问题。

本教程：

http://bost.ocks.org/mike/nest/

表示d3.select（“tbody td”）的父节点是html。我得到的是父节点是tr。或者，d3.select（“tbody td”）[0] [0] .parentNode是tr。

关于这个主题的另一个主题：

Please help me understand the difference between the select() and selectAll()

先生。 Bostock说select（“＃something”）的父节点.selectAll（“td”）是id为#something的节点。我得到的是父节点是tr。

我错过了什么？

Answer 1

混淆是因为术语过载。 D3选择是二维数组，第一级包含“父节点”，第二级包含“子节点”。我看到的另一个术语而不是父母，有时候是“团体”。

您使用d3.select("tbody td")[0][0].parentNode查看的内容是DOM树中的物理父节点。

选择会根据您select/selectAll调用的链接方式维护自己的分组（或父/子）结构。子节点实际上可以是实际DOM中父节点的后代的任意组合。