d3js selection.each()回调组参数

时间:2012-07-05 04:50:18

标签: d3.js

简单的html:

 <div class="div1">
      <div class="test"><span>1</span></div>
      <div class="test"><span>2</span></div>
 </div>

和js:

var el = d3.select(".div1").selectAll(".test");
el.each(function() { 
      console.log(arguments);
});

输出:

[undefined, 0, 0]
[undefined, 1, 0]

最新论点(0)是什么?根据源代码,这是组,但我在d3文档中找不到有关选择器组的任何内容。

感谢。

1 个答案:

答案 0 :(得分:6)

它适用于嵌套选择器: http://bost.ocks.org/mike/nest/

e.g。对于这个HTML:

<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

让我们选择td:

var el = d3.selectAll("tr").selectAll("td");

el是[ Array[2] , Array[2] ]

el.each

el.each(function() { 
    console.log('args',arguments);
});

输出:

args [undefined, 0, 0]
args [undefined, 1, 0]
args [undefined, 0, 1]
args [undefined, 1, 1]