SVG D3.js如何选择全部使用条件

Question

Assume that there are lots of group ( <g/> ) elements in the page body. Some of these group elements have id, some of them not, however there is an interest only in those group elements which has an id which begins with string foo .

How can you operate only on subset of selected elements?

There is a need of something like this:

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

Answer 1

[]选择属性，并且^ =表示开头，因此您最终以此...

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

Answer 2

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

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