0 
$('#menu1 > li > a.expanded + ul').slideToggle('medium');

我试图理解

$('#menu1 > li > a.expanded + ul')

部分。上下文是我正在创建一个可折叠的菜单。

4

6 回答 6

1 
$('#menu1 > li > a.collapsed')

上面的语句意味着获取li菜单父级的直接子级和具有类名的锚点，collapsed它是的直接子级li

HTML

<ul id="menu1">
    <li><a href="" class="collapsed">only this will get selected.</a></li>
    <li><a href="" class="collapsed"></a></li>
</ul>
于 2013-09-18T10:57:20.360 回答
0
  • tag搜索具有特定标签名称的元素
  • #id搜索具有特定 ID 的元素
  • .class搜索具有特定类的元素
  • a > b搜索匹配 b 的元素，这些元素是匹配 a 的元素的子元素

这表示：

#menu > li > a.collapsed搜索类为collapsed<a>的所有s ，这些 s是 s 的直接子代，它们是 ID 为menu的元素的直接子代。<li>

于 2013-09-18T11:03:19.327 回答
0

#menu1 > li 返回所有 #menu1 的直接子级“li”

li > a.collapsed - 这将返回所有具有折叠类的超链接，它们是“li”的直接子级

所以基本上$('menu1 > li > a.collapsed')返回所有具有折叠类的所有超链接，它们是“li”元素的直接子元素，它们是 #menu1 的直接子元素

于 2013-09-18T11:04:34.550 回答
0

您可以在此处或此处找到更多相关信息

$('#menu1 > li > a.collapsed')

意味着选择所有具有类“collapsed”的“a”标签，它们是“li”的直接子元素，它们是id为“menu1”的元素的直接子元素。

于 2013-09-18T11:05:00.283 回答
-1

这是父子关系的 JQuery 选择器。 请参阅此处的文档。

它基本上是在说：

  1. 查找标识menu1
  2. 找一个直子li
  3. 找一个有班级的直接孩子acollapsed
于 2013-09-18T10:58:12.037 回答
-1

从 ID 为 menu1 的元素中的列表项 (li) 中获取所有具有折叠类的锚点 (a)。另见：http ://api.jquery.com/category/selectors/

于 2013-09-18T10:58:22.417 回答