如何从D3选择中仅获取具有奇数ID的元素？

Question

如何使用D3选择仅获取具有奇数索引的元素？

var theData = [ 1, 2, 3, 4 ]

var p = d3.select("body").selectAll("p")
  .data(theData)
  .enter()
  .append("p")
  .text("hello");

在这种情况下（我知道这段代码没有多大意义），我想获取索引为1和3的元素。

一个小提琴例子在这里：

https://jsfiddle.net/8tvdbfxs/

Answer 1

我updated your fiddle附带示例解决方案。我加了 一个选择器，从身体中取出所有奇特的孩子。 D3可以使用任何css selector。这使您可以使用伪选择器，例如:nth-child。对于我的示例，我刚刚更改了文本的颜色。

d3.select("body").selectAll(':nth-child(odd)')
    .style('color', 'orange');