ITPub博客

首页 > IT职业 > IT生活 > jQuery中nextAll()方法和prevAll()方法区别是什么?

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

IT生活 作者:darkfiber 时间:2021-09-11 10:00:59 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教程。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4399/viewspace-2830930/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: java环境是什么
请登录后发表评论 登录
全部评论

注册时间:2019-08-12

  • 博文量
    93
  • 访问量
    527