user3074097 user3074097 - 4 months ago 31
Javascript Question

How to select parent element of current element in d3.js

I want to access the parent element of current element

Here is the structure of HTML

svg
g id=invisibleG
g
circle
g
circle
g
circle


Basically I want to add text inside the circles when I hover over them.

So I want something like this on hover of any particular circle

svg
g id=invisibleG
g
circle --> radius is increased and text presented inside that
text
g
circle
g
circle


On hover I can select current element through d3.select(this),How can I get root element(g in my case)?

Answer

You can use d3.select(this.parentNode) to select parent element of current element. And for selecting root element you can use d3.select("#invisibleG").

Comments