如何解决如何打开所有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);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。