1

我有一个工作正常的 HTML 下拉菜单，但它是完全静态的。IE。手动输入菜单中的项目以匹配主标题页上的链接

例如。

<li><a class="tab" href="http://">INTERNAL</a>
<ul>
<li><a href=http://">Internal docs</a></li>
<li><a href="http://">SQL</a></li>
<li><a href="">Downloadables</a></li>
</ul>
</li>

该菜单由位于内部页面中的部分的 3 个链接组成。

如果我将任何部分添加到内部页面，我必须手动修改我的菜单以反映这一点，但如果我添加新页面，我希望自动添加此项目

这可以做到吗？但愿如此！

* *编辑：

在这个问题上更清楚；我有以下html：

<div id="category_2232" class="category">
<div class="column" id="forum_259962">
<h3 class="clearfix"><a href=""><span>Internal KB Documents</span></a></h3>
</div>
<div class="column" id="forum_20160368">
<h3 class="clearfix"><a href=""><span>Downloadable Extras</span></a></h3>
</div>
<div class="column" id="forum_20632406">
<h3 class="clearfix"><a href=""><span>SQL Scripts</span></a></h3>
</div>
</div>

我将其用作创建菜单的指南，其形式为：

<li><a class="tab" href="http://">INTERNAL</a>
<ul>
<li><a href="http://">Internal KB Documents</a></li>
<li><a href="http://">Downloadable Extras</a></li>
<li><a href="http://">SQL Scripts</a></li>
</ul>
</li>

我想采用第一个代码，并且每当我添加一个新的 <div> 时，我希望菜单上的相应 <li> 条目能够自动更新。

请帮忙！我很确定我能做到这一点！必须有一些可以生成菜单项的JS....

非常感谢到目前为止所有参与的人 Howie

4

1 回答 1

1

当 DOM 准备好后，找到您的列表项并使用锚点的文本来创建您可以附加到选择的选项元素。如果您将一些 ID 添加到您的标记中，它将使查询 DOM 变得更加容易。

工作演示

jQuery

$(function () {
    var select = $('#internal-select');
    var items = $('#internal-list li a').each(function () {
        var text = $(this).text();
        select.append('<option value="' + text + '">' + text + '</option>');
    });
});

HTML

<li><a class="tab" href="http://">INTERNAL</a>
    <ul id="internal-list">
        <li> <a href="http:// ">Internal docs</a></li>
        <li><a href="http:// ">SQL</a></li>
        <li><a href=" ">Downloadables</a></li>
    </ul>
</li>
<select id="internal-select"></select>
于 2013-09-06T14:22:24.483 回答