作为此问题的扩展: JQuery return DIVs and their contents only if contains a keyword
我的菜单现已分为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项,因此这将成为子nav元素,如下所示:
<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>
再次感谢
答案 0 :(得分:0)
MrFitz:我已对您的代码进行了必要的修改,这是链接
jsfiddle.net/HRs8N/6。
快乐编码:)