如何选择<ul>中的所有<li>并使用类名“nav”？</ul> </li>

Question

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

$(".nav ul li");

这是对的吗？有人能指出我正确的方向吗？

Answer 1

建设性地，

1. 所有ul元素：

   $("ul")
   

2. 所有ul元素，其类名为nav：

   $("ul.nav")
   

3. 所有li元素下的所有ul元素，其中包含类名nav：

   $("ul.nav li")
   

Answer 2

这是一个有助于人们学习选择器的提示：

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

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

Answer 3

在element selector：

之后附加

$("ul.nav li");

这会选择<li>元素

中的所有<ul class="nav">元素

请参阅文档：http://api.jquery.com/class-selector/

Answer 4

  

使用导航类

选择ul中的所有li

像这样，用.nav类选择ul中的所有li：

$('ul.nav li')

Answer 5

带有导航类的ul中的所有li：

$("ul.nav li");

Answer 6

$('ul.nav li')

根据建议选择<li />中的所有<ul class="nav" />。 如果只希望直系孩子使用：

$('ul.nav > li')

https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator