Svg D3.js如何选择所有使用条件

Question

假设页面正文中有许多组（<g/>）元素。其中一些组元素具有id，其中一些不具有id，但是仅对那些具有以id开头的foo的组元素感兴趣。

如何仅对所选元素的子集进行操作？

需要这样的东西：

d3.selectAll("g").where(id like 'foo%')

Answer 1

[] selects attributes和^ =表示开头，所以你最终得到了这个......

d3.selectAll("g[id^=foo]")

Answer 2

除了使用选择器进行过滤之外，您还可以使用D3的.filter()功能：

d3.selectAll("g").filter(function(d) { return this.id.match(/foo/).length > 0; });