如何选择带有类名"nav"的<ul>中的所有<li>?

18 javascript css jquery jquery-selectors

因为我是jQuery的新手,所以真的很难,但是我不确定我正在处理的教程是否已损坏或是否是我但我使用以下代码来选择ul中的所有li用一类导航.

$(".nav ul li");
Run Code Online (Sandbox Code Playgroud)

它是否正确?有人能指出我正确的方向吗?

Ale*_*der 38

建设性的,

  1. 所有ul元素:

    $("ul")
    
    Run Code Online (Sandbox Code Playgroud)
  2. 所有ul带有类名的元素nav:

    $("ul.nav")
    
    Run Code Online (Sandbox Code Playgroud)
  3. 所有li元素下的所有ul元素都带有一个类名nav:

    $("ul.nav li")
    
    Run Code Online (Sandbox Code Playgroud)


Bry*_*ers 10

这里有一个提示,可以帮助人们学习选择器:

使用Chrome浏览器打开任何页面右键单击页面并选择"检查元素"在元素检查器中,选择"控制台"选项卡

您可以直接在此控制台中键入命令.只尝试一些选择器,看看你得到了什么.如果您输入$('p')并按Enter键,它将列出所有p元素.如果输入$('ul.nav li),它将显示该选择器是否有效(返回任何内容).如果该命令没有产生有效的选择器,它将返回[].