jQuery next() 方法返回被选元素的后一个同级元素

同级元素是共享相同父元素的元素

语法

$( selector ).next( filter )

参数

说明

该方法只返回一个元素

DOM 树： 该方法沿着 DOM 元素的后一个同级元素向前遍历

相关方法

1. nextAll()

   返回被选元素之后的所有同级元素

2. nextUntil()

   返回两个给定参数之间的每个元素之后的所有同级元素

范例

下面的范例返回带有类名 "start" 的每个 <li> 元素的后一个同级元素

$(document).ready(function(){
    $("li.start").next()
    .css({"color":"red","border":"2px solid red"});
});

运行范例 »

更多范例

1. 选取每个 <div> 元素的后一个同级元素

   如何选取每个 <div> 元素的后一个同级元素

2. 缩小搜索范围

   如何选取每个 <div> 元素的后一个同级 <p> 元素