Найти и отключить <a href>

У меня странная структура, и я хочу отключить первый элемент внутри li.expanded с помощью a[href = "/abc"]. У меня родитель и ребенок имеют одинаковый href, а заголовок отличается. Как выбрать только родительский элемент?

Вот код:

<ul class = "n-right m-menu__link-list" id = "main-right-menu">
    <li class = "first leaf"><a href = "/xyz" title = "xyz-parent">xyz-parent</a></li>
    <li class = "leaf"><a href = "/pqr" title = "pqr">pqr</a></li>
    <li class = "last expanded"><a href = "/abc" title = "abc">abc</a>  //want to find this element and apply treatment

      <ul class = "n-right m-menu__link-list" id = "main-right-menu">
        <li class = "first leaf"><a href = "/abc" title = "abc1">abc</a></li>  //not this one
        <li class = "last leaf"><a href = "/mno" title = "mno">mno</a></li>
    </ul>
    </li>
</ul>

Что пробовал, функция работает. он выбирает как родительский, так и дочерний a[href = "/abc"]. Я хочу найти и выбрать только родительский.

openabcInNav: function() {
    var navEl = $('#main-menu, #main-right-menu li.expanded').find('a[href = "/abc"]:nth-child(1)');
    navEl.addClass('doNotClose');
    navEl.on('click mouseover', function(event) {         
        event.preventDefault();
        $('nav.global-nav').find('li.expanded').toggleClass('show');
    });
},