品易云推流 关闭
文章详情页
文章 > JavaScript > jQuery中nextAll()方法和prevAll()方法区别是什么?

jQuery中nextAll()方法和prevAll()方法区别是什么?

头像

宋雪维

2021-02-01 11:44:002066浏览 · 0收藏 · 0评论

jQuery水平dom树遍历方法中,nextAll()方法和prevAll()方法是一对起着相反作用的方法,细致来说就是它们获取的元素位置相反,nextAll()方法获取点击元素之前的所有同级元素,prevAll()获取点击元素之后的所有同级元素。

1、查找的元素不同

nextAll()方法是查找当前元素之后的所有元素;

prevAll()方法是查找当前元素之前的所有元素。

2、获取的元素位置不同

nextAll()方法获取被选中元素的下边所有同级元素节点;

prevAll()方法获取被选中元素的上边所有同级元素节点。

3、代码区分

		<table>
			<tr id="next">
				<th>id</th>
				<th>ch</th>
			</tr>
			<tr>
				<td>1</td>
				<td>a</td>
			</tr>
			<tr id="prev">
				<td>2</td>
				<td>b</td>
			</tr>
		</table>
			$("#next").nextAll().each(function(){
				console.log(this);
			})
			$("#prev").prevAll().each(function(){
				console.log(this);
			})

以上就是jQuery中nextAll()方法和prevAll()方法区别介绍,希望能帮助你理解哦~更多JavaScript学习推荐:JavaScript教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图