jQuery 遍历 andSelf() 方法
andSelf() 方法把堆栈中之前的元素集添加到当前集合。
1. 语法
.andSelf()
请思考这个拥有简单列表的页面:
<ul> <li>list item 1</li> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
以下代码的结果是项目 3,4,5 拥有红色背景:
$("li.third-item").nextAll().andSelf() .css("background-color", "red");
首先,初始的选择器会定位项目 3,初始化的堆栈存有仅包含该项目的集合。调用 .nextAll() 会将项目 4, 5 的集合推入堆栈。最后,调用 .andSelf() 会合并这两个集合,所创建的 jQuery 对象指向按照文档顺序的所有三个项目:{[<li.third-item>,<li>,<li> ]}。
2. 范例
找到所有 div,以及其中的所有段落,并为它们添加两个类名。请注意,由于未使用 .andSelf(),div 没有黄色背景色。
$("div").find("p").andSelf().addClass("border"); $("div").find("p").addClass("background");
children() 方法返回返回被选元素的所有直接子元素。1. 语法:.children(selector)。selector:字符串值,包含匹配元素的选择器表达式。如果给定表示 DOM 元素集合的 jQuery 对象,.children() 方法允许我们检索 DOM 树中的这些元素,并用匹配元素构造新的 jQuery 对象。