我点击一个按钮后，如何检查节点是否是jstree中的父节点？

Question

我正在创建一个按钮来删除节点后，我选择了它们。我想让它只能删除子节点。为了做到这一点，我需要检查节点是否是父节点。

所以代码会看起来像

$(".delete-node").click(function() { 
    // gets the selected nodes 
    $('#jstree1').jstree(true).get_selected(); 

    if (data.instance.is_leaf) { 
     //My problem is HERE. Only delete if all nodes are children/not parent 
     //here I delete the nodes selected 
     $('#jstree1').jstree(true) 
        .delete_node($('#jstree1') 
        .jstree(true) 
        .get_selected()); 
    } 
});   

我知道这很简单，但我似乎不能把它工作。我有点新的jQuery和JavaScript，所以我错过了什么？

Answer 1

您需要通过id获取节点，然后检查它是否为父节点。看下面的代码。检查演示 - Codepen Demo

$('#jstree1') 
    .jstree({ 
    core: { 
     data: treeData, 
     check_callback: true // don't forget to set this param to true 
    } 
    }); 

$(".delete-node").click(function() { 
    var tree = $('#jstree1').jstree(); 
    // gets the selected nodes 
    var selectedNodeIds = tree.get_selected(); 
    selectedNodeIds.forEach(function(nodeId) { 
    var node = tree.get_node(nodeId); 
    if (!tree.is_parent(node)) { 
     tree.delete_node(node) 
    } 
    }); 
}); 

Answer 2

你可以做$(element).children().length === 0这意味着它没有任何子节点。

要在这种情况下删除所有子节点$(element).children().remove()将删除所有子节点。