сделал вложенные выборы в d3 с тех пор, как учебник?

Question

Другая тема на эту тему гласит, что единственный ответ, который я могу сделать, должен быть ответом. Итак, вот еще одна тема на эту тему, чтобы задать уточняющий вопрос.

Этот учебник:

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

говорит о том, что родительский узел d3.select ("TBODY тд") является HTML. То, что я получаю, является родительский узел tr. Или, d3.select ("tbody td") [0] [0] .parentNode - tr.

В другом потоке по этой теме:

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

Г-н Босток говорит, что родительский узел выбора («#») что-то SelectAll («тд») является узел с идентификатором #something. , То, что я получаю, является родительский узел tr.

Что мне не хватает?

Answer 1

Путаница из-за перегруженной терминологии. D3 - это 2-мерные массивы с первым уровнем, содержащим «родительские узлы» и второй уровень, содержащий «дочерние узлы». Другим термином, который, как я вижу, используется вместо родителя, иногда является «группа».

То, что вы смотрите с d3.select("tbody td")[0][0].parentNode, является физическим родительским узлом в дереве DOM.

Выборы сохраняют свою собственную структуру группировки (или родительского/дочернего) в зависимости от того, как вы связываете вызовы select/selectAll. Дети могут фактически быть любой комбинацией потомков родительских узлов в фактической DOM.