JQuery выберите первый пункт

Question

Я использую эту простую JQuery, чтобы предотвратить стыковку редирект:

$("#main-nav .menu-wrapper .menu li.has-sub").find("a").click(function() { 
    return false; 
}); 

Это мой HTML:

<div id="main-nav"> 
    <div class="menu-wrapper"> 
     <ul class="menu"> 
      <!-- ONLY SELECT THIS LINK --> 
      <li><a href="#">Lorem Ipsum</a></li> 
      <li class="has-sub"><a href="#">Dolor Sit</a> 
       <ul class="sub"> 
        <!-- DO NOT SELECT THIS LINK --> 
        <li><a href="#">Lorem Ipsum</a></li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
</div> 

Я только хочу, чтобы предотвратить перенаправление из первых Ссылка не на вторую (.sub) ссылку. Мой текущий скрипт предотвращает перенаправление всех ссылок в моем навигаторе!

Answer 1

Чтобы выбрать первый из них, как:

$("#main-nav .menu-wrapper .menu li.has-sub").find("a").eq(0).click(function() { 
    return false; 
}); 

Answer 2

Если вы хотите, чтобы выбрать все первый уровень <a> теги, вы можете использовать .children вместо .find

Если вы хотите, чтобы выбрать именно первый <a> вы можете использовать .find('a:first')

Кстати, я рекомендую вам не return false, который мог бы остановить других возможных прослушивателей событий и p rocesses тоже. использовать event.preventDefault(); вместо

$("#main-nav .menu-wrapper .menu li.has-sub").find("a:first").click(function(event) { 
    event.preventDefault(); 
}); 

Answer 3

Выберите первый как этот

$("#main-nav .menu-wrapper .menu li.has-sub").find("a").first().click(fucntion(){ 
    ... 
}) 

Answer 4

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

$("#main-nav .menu-wrapper .menu li.has-sub a:first").click(function() { 

    return false; 

}); 

Answer 5

В вашем случае, у вас есть только один <a> на первом уровне детей. Таким образом, вы могли бы использовать children() вместо find(), как это:

$("#main-nav .menu-wrapper .menu li.has-sub").children("a").click(function() { 
    return false; 
}); 

The .children() метод отличается от .find() в этом .children() только путешествует один уровень вниз по DOM дерева время .find() может перемещаться по нескольким уровням, чтобы выбрать элементы-потомки (внуки и т. д.).