如何通过按钮单击和鼠标悬停/鼠标移动来显示和隐藏节点文本？ D3 / JS

Question

我只需点击一下按钮即可运行这段代码

function showTextToolTip(d){
d3.selectAll(".node").append("text")
    .attr("dx", "12")
    .attr("dy", "-6")
    .style("text-anchor", "start")
    .text(function(d) { return d.identifier; });     
}

它显示屏幕上每个节点上的文本。哪个好。但是如何再次点击它以使文本消失？

我也希望在鼠标悬停＆＃39;并且＆＃39; mouseout＆＃39;事件。因此，当我查看文本显示的节点时，但我确信如果我知道第一个答案的问题，我将能够执行第二部分

Answer 1

应该如此简单：

d3.selectAll(".node text").remove();