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

【问题标题】：Appending Jquery array elements to matching List Nodes将 Jquery 数组元素附加到匹配的列表节点
【发布时间】：2013-03-26 12:17:02
【问题描述】：

作为这个问题的扩展： 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 结合到静态导航中的列表项，因此它成为子导航元素，如下所示：

<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>

再次感谢

【问题讨论】：

Mrfitz，你想像上面提到的那样转换结构吗？
嗨，是的，我已经在我的 html 中手动定义了顶层结构 - 然后我有一些 jquery，可以在上面的链接中看到它过滤一些数据并生成一个名为 topElement 的过滤列表。我现在需要将新的结果列表转换为上面的静态结构。你可以在这个小提琴上看到我剩下的数据，需要用它来创建子嵌套列表项jsfiddle.net/HRs8N
嗨 MrFitz：我已经对您的代码进行了必要的修改，这里是链接jsfiddle.net/HRs8N/6。快乐编码
非常感谢您的帮助！
Fitz 先生：如果你找到了答案，你可以通过勾选答案来关闭问题，这将减少未解决问题的数量:)

标签： jquery arrays filtering

【解决方案1】：

嗨 MrFitz：我已经对您的代码进行了必要的修改，这是链接

jsfiddle.net/HRs8N/6 。

编码愉快:)

【讨论】：