21

由于我是 jQuery 新手,因此遇到了真正的困难,但我不确定我正在处理的教程是否已损坏,或者是否是我,但我正在使用以下代码选择 ul 中的所有 li与一类导航。

$(".nav ul li");

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

4

6 回答 6

45

建设性地,

  1. 所有ul元素:

    $("ul")
    
  2. 所有ul具有类名的元素nav

    $("ul.nav")
    
  3. 具有 classname 的所有li元素下的所有元素:ulnav

    $("ul.nav li")
    
于 2012-12-27T21:33:23.913 回答
11

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

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

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

于 2014-02-11T20:11:39.577 回答
2

将其附加在元素选择器之后:

$("ul.nav li");

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

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

于 2012-12-27T21:31:41.213 回答
2

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

像这样,选择 ul 中的所有 li.nav类:

$('ul.nav li')
于 2012-12-27T21:32:25.847 回答
2

ul 中的所有 li 都具有 nav 类:

$("ul.nav li");
于 2012-12-27T21:32:45.177 回答
0
$('ul.nav li')

按照建议选择 ALL <li />in <ul class="nav" />。如果您只希望直系子女使用:

$('ul.nav > li')

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

于 2019-05-10T08:54:46.693 回答