難以捉摸的jQuery選擇器

我已經嘗試了幾個小時來爲以下代碼編寫選擇器。我會感謝一些幫助！難以捉摸的jQuery選擇器

下面是我自己的下拉菜單的html的一部分。

問：如果我點擊「a＃住宅」，我該如何選擇'a＃projects'？（我想改變父鏈接的顏色，在這種情況下'a＃projects'）。

我有多個子菜單，所以選擇'#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 -->

感謝您的幫助。到目前爲止，我真的從這個網站中受益。

來源

2012-02-27 user1235436

所以，你想在父母選擇鏈接'li'？你有什麼嘗試？你有沒有看過文檔？ http://api.jquery.com/category/traversing/ – 2012-02-27 11:40:29

這是一般的方法：

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

DEMO

來源

2012-02-27 11:45:09

難以捉摸的jQuery選擇器

回答

相關問題