Javascript 函数，不起作用

$（“.navigation a”）.not（“.navigation ul a”）.hover（函数（）{

由于某种原因，

.navigation

中的所有

元素仍然会获得分配给它的悬停功能

我只想要不在

ul

内的元素

Html的结构如下所示：

<div class="navigation">
    <ul>
        <li><a>item 1</a></li>
        <li><a>item 2</a></li>
        <li>
            <a>item 3</a>
            <ul>
            <li><a>item 3.1</a><li>
            <li><a>item 3.2</a><li>
            <li><a>item 3.3</a><li>
            </ul>
        </li>
        <li><a>item 4</a></li>
        <li><a>item 5</a></li>
    </ul>
</div>

项目1
项目2

项目3

第3.1项

第3.2项

第3.3项



项目4
项目5

也许这会奏效

$(".navigation a").not("ul ul a").hover(function(){
});

试一试

这将选择li的直系后裔（ul的直系后裔）的定位。导航

尝试以下操作：

$(".navigation a").not("ul ul a").hover(function(){ });

$(".navigation a").not("ul ul a").hover(function(){
});

$(".navigation>ul>li>a");

$(".navigation a").not("ul ul a").hover(function(){ });