存取李的相對值

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只有第一個孩子。