Как выбрать все li в ul с именем класса «nav»?

17

Имея реальное затруднение с этим, поскольку я новичок в jQuery, но я не уверен, что у меня работает работа над учебником, или если это я, но я использую следующий код, чтобы выбрать все li в ul с классом nav.

$(".nav ul li");

Это правильно? Может ли кто-нибудь указать мне в правильном направлении?

    
задан Alexander 27.12.2012 в 22:31
источник
  • Помните, что селектора jQuery аналогичны селекторам css. –  elclanrs 27.12.2012 в 22:35

5 ответов

31

Конструктивно,

  1. Все ul элементов:

    $("ul")
    
  2. Все ul элементов с именем класса nav :

    $("ul.nav")
    
  3. Все li элементов под всеми ul элементами с именем класса nav :

    $("ul.nav li")
    
ответ дан Alexander 27.12.2012 в 22:33
  • удивительный! Благодаря! $ ("ul.nav li") работал отлично. Все еще пытаюсь обернуть голову вокруг этого и почему это работает. :) –  Dec 27 '12 at 21:37 27.12.2012 в 22:37
  • @KenBarlo: вы можете узнать, как это работает, изучая css, подробнее здесь css.maxdesign.com.au/selectutorial –  elclanrs 27.12.2012 в 22:40
7

Вот совет, который поможет людям освоить селекторы:

Использовать браузер Chrome Открыть любую страницу Щелкните правой кнопкой мыши на странице и выберите «Осмотреть элемент» В инспекторе элементов выберите вкладку Консоль

Вы можете вводить команды прямо в эту консоль. Попробуйте только несколько селекторов и посмотрите, что вы получите. Если вы введете $ ('p') и нажмите enter, он отобразит все p элементов. Если вы введете $ ('ul.nav li), он покажет вам, работает ли этот селектор (возвращает что-либо). Если команда не приводит к допустимому селектору, она вернет [].

    
ответ дан Bryan Myers 11.02.2014 в 21:11
2

Добавьте его после селектора элементов :

$("ul.nav li");

Это выбирает все <li> элементов в элементе <ul class="nav">

Смотрите документы: Ссылка

    
ответ дан nbrooks 27.12.2012 в 22:31
2
  

выберите все li в ul с классом nav

, как и все, выбирает все li в ul с классом .nav :

$('ul.nav li')
    
ответ дан adeneo 27.12.2012 в 22:32
2

Все li в ul с классом nav:

$("ul.nav li");
    
ответ дан Hristo Yankov 27.12.2012 в 22:32