javascript - 如何在d3.js中选择当前元素的父元素

Question

我想访问当前元素的父元素

这是HTML的结构

svg
   g id=invisibleG
     g
       circle
     g
       circle
     g
       circle

基本上，当我将鼠标悬停在圆圈上时，我想在圆圈内添加文本。

所以我想要在任何特定圆圈上悬停时这样的东西

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

悬停时我可以通过 d3.select(this) 选择当前元素，我怎样才能得到根元素(在我的例子中是 g)？

Answer 1

您可以使用d3.select(this.parentNode) 来选择当前元素的父元素。要选择根元素，您可以使用 d3.select("#invisibleG")。