将Jquery数组元素附加到匹配的列表节点

时间:2013-04-04 12:19:36

标签: jquery arrays filtering

作为此问题的扩展: 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>

再次感谢

1 个答案:

答案 0 :(得分:0)

MrFitz:我已对您的代码进行了必要的修改,这是链接

jsfiddle.net/HRs8N/6。

快乐编码:)