Jquery 访问li'；在id为mainmenu3的ul内悬停时的s rel值

我正在创建一个两级jquery菜单，当列表元素悬停在div上时，它会显示一个与li的rel=“divname”值匹配的名称

我一直在使用以下代码进行匹配

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

但是，如果我有下面的html，我如何仅使用jquery代码访问第一级li

<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>

Do

但是，这将仅为您提供第一个子级的“rel”属性。

绑定鼠标悬停事件时，您可以使用仅针对第一级的

：

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

它的工作原理

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