图表
d3.js
1. 元素
1.3. 选择子元素
selection.select(selector)
对于每个已经选中的元素,进一步选择它们的第一个匹配的后代元素。如果没有元素匹配的元素被选中,则返回的选择集中当前索引处的元素为 null
. 如果 selector
为 null
则返回的选择集中的每个元素都为 null
,也就是产生一个空选择集。如果当前的元素有关联数据,则数据将被传递给对应的被选中的元素。如果有多个元素匹配当前的选择条件则返回第一个符合条件的元素。例如选中文档中所有的 p
元素下的第一个 b
元素:
var b = d3.selectAll("p").select("b");
selection.selectAll(selector)
对于已经选中的元素,进一步选择其所有符合条件的后代元素。返回的元素会按照其父节点进行分组。对于某个元素来说,如果没有符合条件的后代元素,则当前索引处的组将为 null
. 选中的元素不会继承其父选择集的数据。可以使用 selection.data 操作将其传递给子元素。例如选择每个 p
标签中的所有的 b
元素:
var b = d3.selectAll("p").selectAll("b");