如何选择类名为“nav”的 <ul> 中的所有 <li>？答案

【问题标题】：How to select all <li> in an <ul> with a classname "nav"?如何选择类名为“nav”的 <ul> 中的所有 <li>？
【发布时间】：2012-12-13 05:58:53
【问题描述】：

因为我是 jQuery 新手，所以我很难做到这一点，但我不确定我正在处理的教程是否有问题，或者是否是我，但我正在使用以下代码选择所有 li在具有导航类的 ul 中。

$(".nav ul li");

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

【问题讨论】：

【解决方案1】：

建设性地，

【讨论】：

【解决方案2】：

这里有一个技巧可以帮助人们学习选择器：

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

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

【讨论】：

【解决方案3】：

在element selector之后追加：

$("ul.nav li");

这会选择<ul class="nav"> 元素中的所有<li> 元素

【讨论】：

【解决方案4】：

选择 ul 中所有具有 nav 类的 li

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

$('ul.nav li')

【讨论】：

【解决方案5】：

ul 中的所有 li 都有一个 nav 类：

$("ul.nav li");

【讨论】：

【解决方案6】：

$('ul.nav li')

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

$('ul.nav > li')

【讨论】：