d3.按属性值选择

Question

我是 d3 的新手。我有这样的定义：

node = node.enter().append("circle")
            .attr('id', function(d){ return d.id; })
            .attr("class", "node")
            .on('mouseover', mouseover_node)
            .on("click", nodeClick);

现在在函数 nodeClick 中，我想访问具有特殊 ID 的节点（或圆）。我正在寻找可以像这样使用的东西：

for(var i=0;i<maxId;i++) {
    d3.select(the node with id = i).do....

有人知道我该怎么做吗？

Answer 1

你的问题是ids and names must begin with a letter。因此，修改您的代码以在每个 id 前添加一个字符串，例如

.attr('id', function(d){ return 'name' + d.id; })

然后，您可以使用d3.select( '#name' + i ) 选择给定节点。来自the docs D3 选择：

...您可以按标签（“div”）、类（“.awesome”）、唯一性进行选择 标识符（“#foo”）、属性（“[color=red]”）或包含 （“父子”）。