javascript - 使用 jQuery 从选择菜单中删除列表项

Question

我有一小段脚本允许用户调整窗口大小以将无序列表转换为选择菜单。

但是，我想从选择菜单中删除任何嵌套的无序列表。

演示: http://jsfiddle.net/k7272/

所以基本上使用上面的示例，“测试”部分不会出现在选择菜单中，但仍会出现在无序列表中。

我如何实现这一目标？

这是我的 Javascript:

// DOM ready
     $(function() {

      // Create the dropdown base
      $("<select />").appendTo("nav");

      // Create default option "Go to..."
      $("<option />", {
         "selected": "selected",
         "value"   : "",
         "text"    : "Go to..."
      }).appendTo("nav select");

      // Populate dropdown with menu items
      $("nav a").each(function() {
       var el = $(this);
       $("<option />", {
           "value"   : el.attr("href"),
           "text"    : el.text()
       }).appendTo("nav select");
      });

       // To make dropdown actually work
       // To make more unobtrusive: http://css-tricks.com/4064-unobtrusive-page-changer/
      $("nav select").change(function() {
        window.location = $(this).find("option:selected").val();
      });

     });

非常感谢:-D

Answer 1

targeting nav a 会找到它的所有 child ，甚至 child 的 child ，所以你需要像这样直接定位他们

$("nav > ul > li > a").each(...

http://jsfiddle.net/k7272/1/