【问题标题】:How to open all jstree nodes (parents and children)如何打开所有jstree节点(父母和孩子)
【发布时间】:2021-09-09 01:58:24
【问题描述】:

有一个 webpage 有 129 个父节点。
并且每个父节点有多个子节点到第四层(order>family>genus>specie)。

我想打开所有个节点。
我在这里看到了一些带有脚本的帖子。
但我不知道如何使用它。

注意:我的实际目的是复制所有嵌套格式的数据。

附注我不是网络开发者,这不是我的网站。

【问题讨论】:

    标签: javascript jstree


    【解决方案1】:

    以下代码将递归扩展所有链接,然后使用树表示将其生成 JSON,然后将 JSON 复制到剪贴板中。

    我为每棵树的扩展设置了 2 秒的超时时间,以便子树在网络请求之后出现,因此需要 2 秒 * 该页面中所有可用的树,因此您将不得不等待很长时间它需要很长时间才能完成,如果您的连接速度很快,您可以将超时时间减少到 1 秒以使其运行得更快。

    
    function extractChilds(ulNode) {
      return [...ulNode.childNodes].map(node => {
        let data = {
          title: node.querySelector('a')?.innerText?.trim()
        }
        let child = node.querySelector('ul');
        if(child) {
          data.childrens = extractChilds(child);
        }
        return data;
      });
    }
    
    async function main() {
      let done = false;
    
      while(!done) {
        for(const e of [...document.querySelectorAll('.jstree-closed')]) {
          await new Promise(r => setTimeout(r, 2000))
          e.querySelector('ins').click()
        }
        if(document.querySelectorAll('.jstree-closed').length === 0) done = true;
      }
      console.log('expanded all of the trees')
      return extractChilds(document.querySelector("#classification > ul"));
    }
    
    main().then(copy);
    

    【讨论】:

    • 这正是我想要的!但是,我该如何使用它?我只是将它粘贴到控制台选项卡中并执行吗?因为它给了我“Uncaught SyntaxError: Unexpected identifier”
    • 是的,您只需将其粘贴到控制台中,我尝试使用我的 chrome 浏览器并没有遇到该错误,在错误结束时,它会给您一个行号.让我知道浏览器和行号,以便我查看。
    • 我又复查了一遍。从手机复制到 PC 时,不知何故我弄乱了脚本。现在就像一个魅力。非常感谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多