作为此问题的扩展: JQuery 仅在包含关键字时才返回 DIV 及其内容
我的菜单现在被分成 2 个组件 - 顶部菜单元素和底部菜单元素基于 html 中的标记值(现在这是 TOP )
下一个问题是顶部菜单 div 已经包含如下所示的静态代码 - 如何将新创建的项目(用于顶部菜单)与其匹配的静态结构相匹配。让我给你看一下html:
静态 HTML
<div id="top">
<ul>
<li>Category 1</li>
<li>Category 3</li>
</ul>
</div>
这个'topelement'中的每个项目都由一个包含h3标签的周围div和一个带有列表项目的后续UL组成。
例如:第一个 h3 标记将包含文本“TOP Item 1”,指示将其放在 topElement 组中,我的目标是隔离字符串“TOP”并将后面的“Item 1”UL 与 List静态导航中的项目,因此它成为子导航元素,如下所示:
<div id="top">
<ul>
<li>Category 1
<ul><li>item 1</li><li>item 2</li><li>item 3</li></ul>
</li>
<li>Category 3<ul><li>item 1</li><li>item 2</li><li>item 3</li></ul>
</li>
</ul>
</div>
再次感谢