从选择菜单中删除嵌套选项 - jQuery

Question

我有一点简单的Javascript。

当该菜单成为选择菜单时，是否可以删除该菜单的任何嵌套部分？

因此，在下面的演示中，' - test'部分不会出现在选择菜单中。

DEMO： http://jsfiddle.net/ZBZRw/

我的 jQuery 是：

$(function() {

            var options = '<option selected>Go to...</option>';
            $('nav div.alt').find('a').each(function () {
                var text = $(this).text(),
                purl = $(this).attr("href"),
                    depth = $(this).parent().parents('ul').length,
                    depthChar = '',
                    i = 1;
                for (i; i < depth; i++) { depthChar += '&ndash;&nbsp;'; }
                options += '<option value="' + purl + '">' + depthChar + text + '</option>';
            });
            $('<select />').append(options).appendTo('nav div.alt');

            $("nav select").change(function() {
                window.location = $(this).find("option:selected").val();
            });

        });

非常感谢您的任何建议。

Answer 1

使用子选择器>在您选择的<a>元素中更精确

$('nav div.alt > ul > li > a').each(function () {

http://jsfiddle.net/ZBZRw/1/