Javascript 如何从同一页面中的某些菜单子项创建侧菜单？

我有一个水平菜单，一些项目有可扩展的子项目，所有这些都是用我无权访问的脚本构建的，我只能通过仪表板和样式添加和删除项目，并与html模板交互（BigCommerce）。我想重用其中一个菜单项及其子项作为附加的侧导航。是否有可能只使用javascript实现这一点？当我用firebug浏览菜单时，输出与此类似

<div class="menu">
 <ul>
  <li class="">Item1</li>
  <li class="hasSubMenu">Item2</li> 
   <ul>
    <li>SubItem1</li>
    <li>SubItem2</li>
    <li>SubItem3</li>
  </ul>
  <li class="">Item1</li>
  <li class="hasSubMenu">Item2</li>
 </ul>
</div>

第1项
第2项

分项1
分项2
分项3

第1项
项目2

---

谢谢您的帮助。

就我而言，您可以编辑CSS并在BC上添加自定义模板。如果我明白你的意思，你的菜单是分类的，对吗？要在左侧导航中重复使用它，您需要转到

Design>Template Files>Default.html

并找到

%%面板.SideCategoryList%%

。这将取决于你如何有你的模板布局，但它应该在那里。找到该面板后，转到左侧导航[确保您有一个]，并在那里添加

%%Panel.SideCategoryList%%

。你不需要做任何其他事情。BC将为您自动调整

正如您所提到的，您无法与所有脚本交互，但您可以“绕过”它们，至少有79%的脚本

希望它解决了你的问题

---

Ps:我无法将其作为评论，因此如果这不是您想要的，我很抱歉，但请告诉我，我将尽力更正我的答案。

是否没有

div

，

ul

等的ID。？另外，动态生成是指页面何时生成，还是在页面加载后动态添加项目？它是在生成页面时生成的，无论模板变量在BC的仪表板中设置为具有什么，对于类、ID，这些都是通用的，对于没有子页面的水平导航下拉选项，类似于空类；对于显示选项的选项，类似于类“hasSubPages”。左侧菜单将仅由水平菜单中的一个特定选项组成，并将其子页面作为列表放在一侧。