如何搜索节点并突出显示它

Question

首先，非常感谢大家帮助我完成d3项目。

我正在尝试为d3.js创建的可视化开发搜索功能。节点是圆圈并且有一个类.node属性代码=“12311”，代码=“12312”......等等

我正在尝试一个场景，其中输入值如果与属性匹配，那么特定节点颜色将会改变或某种类型的过滤器。

节点看起来像这样

<circle cx="12" cy="63" r="5" code="12311" style="fill:#12311"></circle>
<circle cx="24" cy="33" r="5" code="12312" style="fill:#12311"></circle>
<circle cx="32" cy="43" r="5" code="12313" style="fill:#12311"></circle>

这是我的搜索框html

<input type="text" id="searchBox"><input type="button" id="search" value="search"/>

Answer 1

如果您的搜索始终是针对code属性的简单等效性测试，则可以使用属性选择器：

d3.selectAll("circle[code='12311']");