我點擊一個按鈕後，如何檢查節點是否是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()將刪除所有子節點。