Question

我已经尝试了几个小时为以下代码编写选择器。我很感激一些帮助！

以下是我自己的下拉菜单的html的一部分。

问：如果我点击了“a＃residential”，我如何选择'a #project'？（我希望更改父链接的颜色，在本例中为'a #project'。）

我有多个子菜单，所以选择'#projects'是不切实际的。

 <div id="nav">
    <ul>
    <li><a id="projects" class="main_menu" href="#">01 </a><span class="hover">projects</span>
     <ul class="submenu">
      <li><a id="residential" href="">residential</a></li>
      <li><a id="commercial" href="">commercial</a></li>
      <li><a id="master_planning" href="">master planning</a></li>
      <li><a id="modular" href="">modular</a></li>
      <li><a id="interiors" href="">interiors</a></li>
     </ul> <!-- end of projects submenu -->                 
        </li><!-- end of projects menu-->
    </div><!-- end nav -->

感谢您的帮助。到目前为止，我确实从这个网站中受益。

Answer 1

这是一般方式：

$('.submenu a').click(function(event) {
   event.preventDefault();
   $(this).closest('ul').closest('li').children('a').addClass('selected');
});

DEMO

一个难以捉摸的jQuery选择器

1 个答案: