javascript - 如何通过单击按钮和鼠标悬停/鼠标悬停来显示和隐藏节点文本？ 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; });     
}

它显示屏幕上每个节点上的文本。这太棒了。但是我该如何再次单击它以使文本消失呢？

我也希望在“鼠标悬停”和“鼠标移出”事件上执行此操作。因此，当我浏览节点时，文本会显示，但我确信如果我知道第一个答案的问题，我将能够完成第二部分

Answer 1

应该简单如下:

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