如何将Html嵌套列表<ul> </ul>转换为javascript数组

Question

我有一个列表结构如下，我想将其转换为javascript数组

我有嵌套的Ul Li元素，用于创建菜单结构。

我正在从服务器端创建HTML列表。我想作为Jquery菜单项的项目源提供

参考Menu

../../google-api-php-client/src/Google/Service/AnalyticsReporting.php

我想要数组完全像这样

<ul> 
<li data-command="btnCmdClick1">        
    Menu1
</li>
<li data-command="btnCmdClick2">        
    Menu2
</li>
<li data-command="btnCmdClick3">        
    Menu3
</li>
<li data-command="btnCmdClick4">
    <ul> Sub Menu1          
        <li data-command="btnCmdClick5">
            Menu1
        </li>
        <li data-command="btnCmdClick6">
                <ul> Sub Sub Menu           
                    <li data-command="btnCmdClick7">
                        Menu1
                    </li>
                    <li data-command="btnCmdClick8">
                        Menu2
                    </li>
                    <li data-command="btnCmdClick9">
                        Menu3
                    </li>           
                </ul>
        </li>
        <li data-command="btnCmdClick10">
            Menu3
        </li>           
    </ul>
</li>   
<li data-command="btnCmdClick11">
        <ul> Sub Menu2          
            <li data-command="btnCmdClick12">
                Menu1
            </li>
            <li data-command="btnCmdClick13">
                Menu2
            </li>
            <li data-command="btnCmdClick14">
                Menu3
            </li>           
        </ul>
</li>

请帮忙 实际上实现这个Right Click Context menu