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

Question

我有一些简单的 Javascript。

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

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

演示：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/