Use condition in d3.js select

Question

I want to select and remove a textPath from a SVG where xlink:href=id. A textPath has an attribute xlink:href and I have a variable called 'id'.

I want to remove textPath that has xlink:href equal to the value stored in variable id.

Something like this:

d3.select("textPath*some condition*").remove();

Can this be done? If yes, how?

score 4 · Answer 1 · edited May 23 '17 at 10:28

4

You need to need to use some trickery due so querySelector namespace limitations

d3.select(('[*|href="#id"]')

edited May 23 '17 at 10:28

Community

answered Jun 14 '16 at 17:34

methodofaction

score -2 · Answer 2 · answered Jun 14 '16 at 17:23

-2

Can't you just build it with string addition? Something like:

var selector = "xlink:href=" + id
d3.select(selector).remove()

answered Jun 14 '16 at 17:23

reptilicus

That didn't work. Gives querySelector error: DOM exception, not a valid selector – Arihant Jun 14 '16 at 17:56

2 Answers2