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/