html的next方法,jQuery next() 方法

jQuery next() 方法

定义和用法

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

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

注意：该方法只返回一个元素。

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

相关方法：

nextAll() ： 返回被选元素之后的所有同级元素

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

语法$(selector).next(filter)参数描述

filter可选。规定缩小搜索后一个同级元素范围的选择器表达式。

实例

.siblings *{

display: block;

border: 2px solid lightgrey;

color: lightgrey;

padding: 5px;

margin: 15px;

}

$(document).ready(function(){

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

});

• ul (父节点)
• li (兄弟节点)
• li (兄弟节点)
• li (类名为"start"的兄弟节点)
• li (类名为"start"的li节点的下一个的兄弟节点)
• li (兄弟节点)

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图：