D3如何选择给定特定id属性的文本元素

Question

我需要选择具有＆＃39; id＆＃39;的svg文本元素。属性值＆＃39;。

尝试如下，但它没有帮助..

d3.selectAll("[id=s]").selectAll("text");

Answer 1

也许，你想要使用＆＃39; class＆＃39;而不是id

d3.selectAll(".s")

通常，ID对每个元素都是唯一的。

Answer 2

您只允许每个文档的id为s的一个元素

d3.select("#s")

无论它是什么都会选择它。

Answer 3

id全局属性定义唯一标识符（ID），该标识符在整个文档中必须是唯一的。因此，您不能拥有多个具有相同ID的文本元素。

按ID选择元素并选择该元素中的所有文本元素： -

var texts = d3.select("#id").selectAll("text");

选择具有属性值的所有文本元素： -

var texts = d3.selectAll("text[attrName=attrValue]");

Answer 4

能够通过此完成此任务。

d3.selectAll("[id=" + id + "]").filter(".someClass");