使用jQuery选择下拉列表？

请

我想模拟下拉选择，但将只有链接，没有形式。 问题是如何选择，以及可见的类别或子类别链接，你目前在哪里

<ul><li>Category
   <ul>
     <li>Subcategory1</li>
     <li>Subcategory2</li>
   </ul>
</li></ul>

类别

子类别1
子类别2

因此，当您在类别上时，可见的将是类别的名称，这很容易，因为它的第一个LI，但当您在子类别上时，子类别的名称将是“选定的”和可见的

如果您有其他解决方案，请列出，建议我

---

对不起，我的英语我不知道如何更好地解释：）

我想你在找。

如果我没听错的话，听起来你只需要几个

div

元素。一个用于显示当前选定的项目，另一个用于显示整个菜单（减去当前元素？）

如果是这种情况，您可以将单击事件附加到每个菜单项，以更新顶部div的文本：

<div id="current_page">Default Value</div>
<div id="current_menu">
  <ul>
    <li><a href="page1.html">Page 1</a></li>
    <li><a href="page2.html">Page 2</a></li>
  </ul>
</div>

---

每次单击后，您需要通过迭代列表项并检查当前位置来设置相应li的类：

<div id="div1">
    <ul>
    <li>Category
        <ul>
            <li><a href="abc">Subcategory1</a></li>
            <li><a href="xyz">Subcategory2</a></li>
        </ul>
    </li>
    </ul>
</div>

---

下面是一个很好的解决方案列表-

欢迎使用StackOverflow！第一个问题很好。

<div id="div1">
    <ul>
    <li>Category
        <ul>
            <li><a href="abc">Subcategory1</a></li>
            <li><a href="xyz">Subcategory2</a></li>
        </ul>
    </li>
    </ul>
</div>

var loc = window.location;
$("#div1 li").each( function(){
    var a = $("a", this).attr("href");
    if(a == loc){
        $(this).addClass("hilight");
    } else {
        $(this).removeClass("hilight");
    }
});