text - d3 尝试在 svg 文本元素中选择文本

Question

我有一个 SVG 文本元素：

<text class="countries" dy="0" dx="-339.87646027037385" font-size="22" style="fill:      #1f77b4;">Afghanistan</text>

我想做的就是在点击事件中从中获取“阿富汗”文本。d3.select(这个)...

谢谢！

Answer 1

你可以通过运行来做到这一点

var text = d3.select(this).text();

Answer 2

如果你想要你的 svg 元素上的点击事件：

生成元素时，您可以使用以下方法添加点击事件：

.on("click", function(){
   // ...
}

您想要的文本是否来自您的数据？然后你可以做类似的事情：

.on("click", function(d){
   window.alert(d.text)
}

希望有帮助。