在d3.js中，通过单击节点删除和添加节点

Question

如何在我的代码中使用 onclick 事件添加或删除节点和链接？

这是我的 (d3js) 代码示例。

使用方法：右键单击任何节点，然后单击“delete”以删除所有节点但不删除链接。
但我只想删除一个节点及其链接，即单击删除的节点。

//right click menu items
$('g.node').contextMenu('cntxtMenu',
{
    itemStyle:
    {
        fontFamily : 'Arial',
        fontSize: '13px'
    },
    bindings:
    {
        'open': function(t) {
            alert(t.__data__.name);
        },
        'email': function(t) {
            alert('Trigger was '+t.__data__.name+'\nAction was Email');
        },
        'save': function(t) {
            alert('Trigger was '+t.__data__.name+'\nAction was Save');
        },
        'delete': function(t) {
            $('g.node').remove();
            //alert('Trigger was '+t.__data__.name+'\nAction was Delete');
        }
    }
});

- Sohail Ahmad

---

首先，你需要将 $('g.node').remove(); 替换为 $(t).remove();。 - Arun P Johny

@ArunPJohny 好的，现在要如何移除它的链接呢？ - Sohail Ahmad

这是一个工作示例，请查看Fiddle。 - Sohail Ahmad

你能否请发布一个回答并接受它作为解决方案？ - Christopher Chiche

这是一个工作示例，请查看Fiddle。 - Sohail Ahmad

Answer 1

只需使用$(t)代替$('g.node')

   'delete': function(t) {
        $(t).remove();

    }

在这里查看演示

- Vaibhavi Sheth