如何打开所有jstree节点父子节点

问题描述

一个 webpage 有 129 个父节点。
并且每个父节点有多个子节点到第四级(顺序>家族>属>物种)。

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

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

P.s.我不是网络开发人员,那也不是我的网站。

解决方法

以下代码将递归扩展所有链接,然后使用树表示将其生成 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);