简单的html:
<div class="div1">
<div class="test"><span>1</span></div>
<div class="test"><span>2</span></div>
</div>
Run Code Online (Sandbox Code Playgroud)
和js:
var el = d3.select(".div1").selectAll(".test");
el.each(function() {
console.log(arguments);
});
Run Code Online (Sandbox Code Playgroud)
输出:
[undefined, 0, 0]
[undefined, 1, 0]
Run Code Online (Sandbox Code Playgroud)
什么是最新的论点(0)?根据源代码,这是组,但我在d3文档中找不到有关选择器组的任何信息.
谢谢.
它适用于嵌套选择器:http: //bost.ocks.org/mike/nest/
例如,对于这个HTML:
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
我们选择td:
var el = d3.selectAll("tr").selectAll("td");
Run Code Online (Sandbox Code Playgroud)
el是 [
Array[2]
,
Array[2]
]
并且el.each:
el.each(function() {
console.log('args',arguments);
});
Run Code Online (Sandbox Code Playgroud)
输出:
args [undefined, 0, 0]
args [undefined, 1, 0]
args [undefined, 0, 1]
args [undefined, 1, 1]
Run Code Online (Sandbox Code Playgroud)