JQuery中next()与nextAll()

next([expr]) ：取得一个包含匹配的元素集合中每一个元素紧邻的 后 面 同辈 元素的元素集合。

nextAll([expr]) ： 查找当前元素 之后 所有的同辈元素。

 

​​​​​​​​​​​​​​​​​​​​​代码如下

    <table>
			<thead>
				
			<th>序号</th>
			<th>姓名</th>
			<th>电话</th>
			</thead>
			
			<tbody>
			<tr>
				<td>1</td>
				<td>222</td>
				<td>11111111</td>
			</tr>
			<tr>
				<td>1</td>
				<td>222</td>
				<td>11111111</td>
			</tr>
			<tr>
				<td>1</td>
				<td>222</td>
				<td>11111111</td>
			</tr>
			<tr>
				<td>1</td>
				<td>222</td>
				<td>11111111</td>
			</tr>
			<!--
        
            -->
			</tbody>
		</table>

<script>
    var s=$("tr").next()[0];
    console.log(s);
    $("tr").nextAll().each(function(){
        console.log(this);
    });
</script>

 

结果如图

 

 

 

 

 

第一行next()结果，后续几行为nextAll()结果。