遍历同胞(上)，jQuery源码解析（DOM与核心模块）教程-慕课网

遍历同胞(上)

同胞就是拥有相同的父元素。

通过jQuery能够在DOM树中遍历元素的同胞元素。

其中nextAll、prevAll、nextUntil、prevUntil其实与遍历祖先的的查找处理是非常类似。

.nextAll() 获得匹配元素集合中每个元素之后的所有同辈元素，由选择器进行筛选（可选）。
.nextUntil() 获得每个元素之后所有的同辈元素，直到遇到匹配选择器的元素为止。
.prevAll() 获得匹配元素集合中每个元素之前的所有同辈元素，由选择器进行筛选（可选）。
.prevUntil() 获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止。

我们通过右边的代码模拟下这些处理。事实上jQuery也是这样处理的，只是在结构与过滤处理上更加的严谨。

任务

?不会了怎么办

问答
评论
笔记
代码

全部精华我要发布

jQuery源码中的parent等接口也是需要参数elem的，那为什么就可以直接用空参数调用的？

最赞回答 / 慕无忌2114720

因为jQuery源码内部是通过jQuery.map(this, fn)来调用的，所以this就是fn的参数。

1 回答 964 浏览

2022-03-30

until !== undefined; 觉得可以去掉

最新回答 / 慕用520

代码要严谨些

1 回答 1469 浏览

2017-12-25

不是很清楚你问的这个问题的具体意思（如果可以贴出代码或者会让人更容易明白点），但单就这两个方法而言，还是可以解释的:（1）.end()于.first()这两个是jQuery中操作DOM节点的方法（详细用法的可以查看jqueryAPI当中的示例）。（2）.end() 表示的是终止在当前链的最新过滤操作，并返回匹配的元素的以前状态。尤其要注意的是这个方法不带任何参数。（3）.first()的作用是遍历所指定的元素集合并返回该元素集合中第一个元素。

2 回答 1974 浏览

2019-05-08

elem=elem[dir]是什么意思啊，老师

已采纳回答 / 东方云游

用 nextSibling 举例：elem['nextSibling'] === elem.nextSibling elem['nextSibling'] 返回列表中的下一个同胞元素，如果没有 nextSibling 节点，则返回值为 null，这样就能循环遍历到所有的符合条件的节点了。其他都是类似的。

3 回答 2348 浏览

2022-04-22

dir这个变量通常代表什么

最新回答 / 偶然0510

目录 directory

1 回答 1400 浏览

2016-08-23

全部我要发布

最热最新

只看我的

1-4 遍历同胞(上)