【发布时间】:2021-09-09 01:58:24
【问题描述】:
有一个 webpage 有 129 个父节点。
并且每个父节点有多个子节点到第四层(order>family>genus>specie)。
我想打开所有个节点。
我在这里看到了一些带有脚本的帖子。
但我不知道如何使用它。
注意:我的实际目的是复制所有嵌套格式的数据。
附注我不是网络开发者,这不是我的网站。
【问题讨论】:
标签: javascript jstree
有一个 webpage 有 129 个父节点。
并且每个父节点有多个子节点到第四层(order>family>genus>specie)。
我想打开所有个节点。
我在这里看到了一些带有脚本的帖子。
但我不知道如何使用它。
注意:我的实际目的是复制所有嵌套格式的数据。
附注我不是网络开发者,这不是我的网站。
【问题讨论】:
标签: javascript jstree
以下代码将递归扩展所有链接,然后使用树表示将其生成 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);
【讨论】: