将嵌套的ul解析为js中的嵌套数组

问题描述 投票:0回答:1
html arrays parsing html-lists
1个回答
0
投票
document.addEventListener('DOMContentLoaded', () => {
    const parseListItems = (element) => {
        const listItems = element.children;
        const resultArray = [];

        Array.from(listItems).forEach(item => {
            if (item.tagName === 'LI') {
                const nestedUl = item.querySelector('ul');
                if (nestedUl) {
                    const nestedResult = parseListItems(nestedUl);
                    resultArray.push([item.firstChild.textContent.trim(), ...nestedResult]);
                } else {
                    resultArray.push(item.textContent.trim());
                }
            }
        });

        return resultArray;
    };

    const ulElement = document.querySelector('ul');
    const parsedList = parseListItems(ulElement);
    console.log(parsedList);
});

© www.soinside.com 2019 - 2024. All rights reserved.