Javascript 为jqtree中的选择节点和删除图标生成不同的事件

以下是我的代码：

var nodeData = ${jsonArray}; // my json data
$('#tree1')
            .tree(
                    {
                        data : nodeData,
                        autoOpen : 1,
                        onCreateLi : function(node, $li) {                              
                            $li
                                    .find('.jqtree-element')
                                    .append(
                                            '<a href="javascript:void(0);" class="delete" data-node-id="Test"><i class="ico ico-tool-delete"></i></a>');
                        }
                    });

    $('#tree1').bind('tree.click', function(event) {
        if (event.node) {               
            var node = event.node;
            alert("edit");

        }
        $tree.on('click', '.Test', function(e) {
            alert("delete");
        });
    });

var nodeData=${jsonArray}；//我的json数据
$（“#树1”）
.树(
{
资料来源：nodeData，
自动打开：1，
onCreateLi:函数（节点，$li）{
$li
.find（“.jqtree元素”）
.附加(
'');
}
});
$（'#tree1'）.bind（'tree.click'，函数（事件）{
if（event.node）{
var节点=event.node；
警告（“编辑”）；
}
$tree.on（'click'，'Test'，函数（e）{
警告（“删除”）；
});
});

我想在单击节点和删除图标时生成不同的事件

当前，当我单击节点和删除图标时，它们都会生成相同的事件

请帮助我，上面的代码中需要哪些更改

---

谢谢

首先，您尝试使用

类

测试选择元素，但该类不存在

此外，delete图标位于

li

nodes元素中，这就是您触发相同事件的原因

尝试将delete

元素附加如下：

$('#tree1').tree({
     data : nodeData,
     autoOpen : 1,
     onCreateLi : function(node, $li) {   
          $li.append(
              '<a href="#" class="delete" data-node-id="Test"><i class="ico ico-tool-delete">Delete</i></a>');
          }
     });

然后删除此项：

$tree.tree('removeNode', node);

让fiddle我的本地机器运行，但jsfiddle.net不运行我的代码。您可以在这里看到，您的小提琴不起作用，因为您忘记了包含jquery，并且那里不需要
script
标记。嗨，Amani，谢谢您的回复。此处标题对删除节点不有用。单击delete时我需要节点id。我认为使用jstree会更好。。勾选这个小提琴，你可以用鼠标右键点击删除项目是的，但我们的要求不同，我们需要删除jqtree中每个节点所在行上的图标。
$tree.tree('removeNode', node);