存取李的相对值

Question

即时创建第2级的jquery菜单，当一个列表元素在一个div徘徊被示为具有相匹配的李的相对=“divname”值的名称

我使用下面的代码

$this.find(">li").hover().attr('rel'); 

但我怎么只能访问李时珍落在使用此jQuery代码，如果我有以下的HTML第一级已经匹配了吗？

<ul class="Menu" id="mainmenu3"> 
     <li rel="accounts"><a href="/admin/users">ACCOUNTS</a></li> 
     <li rel="analytics"> <a href="/admin/analytics">ANALYTICS</a></li> 
     <li rel="tags"><a href="tags">TAGS</a></li> 
     <li rel="settings"><a href="/admin/settings">SETTINGS</a></li> 
     <li rel="logout"><a href="login/logout">LOGOUT</a> </li> 
</ul> 

Answer 1

您可以使用child selector仅定位的<li>的第一级，当你绑定你的鼠标悬停事件：

$('#mainmenu3 > li').mouseover(function(){  
    $('div').text($(this).attr('rel')); 
}); 

它Demo工作。

Answer 2

做

$this.children('li').hover().attr('rel') 

然而，这会给你的 '相对' ATTR只有第一个孩子。