jsTree 显示/隐藏节点

Question

我正在使用 jstree，我想知道如何隐藏/显示节点（如果可能）。我给列表项一个“cat”id 来使用 jquery 选择它们，但这不起作用。

这是代码。

html:

<div class="resultsContent">

    <div class="demo" id="demo_1">

    <ul>

    {% for ipc in ipcs %}

        {% ifequal ipc.back_list 1 %}   

            </ul></li>

        {% endifequal %}    

        {% ifequal ipc.kind "c" %}  

        <li id="{{ ipc.symbol }} cat" rel="node-type">
                {% else %}
                    <li id="{{ ipc.symbol }} cat" rel="node-type">
            {% endifequal %}
    {% endfor %}
    </ul>

</div>

</div>

脚本:

jQuery('#demo_1')

    .jstree({

        plugins : [ "themes", "html_data", "checkbox"  ], 

        themes : { theme: "default", dots : false, icons : false },         

        core : { "initially_open" : [ "{{ top_symbol }}" ] }, 

    })

$("#cat").slice(5, 10).hide(); //Hide some nodes 

Answer 1

在您的代码中，您似乎正在生成 li 元素，其 ID 由 IPC 符号值加上一个黑色空格，加上单词“cat”组成。

<li id="{{ ipc.symbol }} cat" rel="node-type">

但是，您的选择器正在尝试获取 ID 恰好为“cat”的元素，

$("#cat").slice(5, 10).hide(); //Hide some nodes 

也许您可​​以使用不同的 jQuery 选择器。例如，属性包含选择器：

$("li[id*='cat']").slice(5, 10).hide(); //Hide nodes with the string 'cat'

或者 属性包含单词选择器，在这种情况下更合适（因为您正在寻找整个单词）：

$("li[id~='cat']").slice(5, 10).hide(); //Hide nodes containing the word 'cat'