您的当前位置:首页正文

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

2024-07-16 来源:客趣旅游网

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学习推荐:。

Top