Функция jQuery .not (), не работает

Question

$ (". Navigation a"). Not (". Navigation ul ul a"). Hover (function () {

    // Not working.

});

По какой-то причине ВСЕ <a> элементы внутри .navigation по-прежнему получают назначенную ему функцию наведения.

Мне нужны только элементы, которых нет внутри ul 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>

Answer 1

$('.navigation > ul > li a')

Answer 2

попробуй

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

Это выберет якоря, которые являются прямыми потомками li, которые являются прямыми потомками ul, и являются прямыми потомками .navigation

Answer 3

Попробуйте это:

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

Answer 4

Может быть, это будет работать

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