jQuery next() 方法

jQuery 遍历方法

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

同级元素必须具有相同的父元素。

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

语法:

$(selector).next(selectorExpression)

示例

返回id="div-1"的元素的后一个同级元素:

$(document).ready(function(){
  $("#div-1").next().css("background", "mediumpurple");
});
测试看看‹/›

返回每个DIV元素的下一个同级元素:

$(document).ready(function(){
  $("div").next().css("background", "lightblue");
});
测试看看‹/›

返回每个DIV元素的下一个同级元素,与$("div + p")功能相同:

$(document).ready(function(){
  $("div").next("p").css("background", "lightblue");
});
测试看看‹/›

参数值

参数描述
selectorExpression(可选)选择器表达式,元素或jQuery对象,以匹配元素

jQuery 遍历方法