jQuery nextAll() 方法

jQuery 遍历方法

nextAll()方法返回所选元素的所有后一个同级元素。

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

语法:

$(selector).nextAll(selectorExpression)

实例

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

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

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

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

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

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

参数值

参数描述
selectorExpression(可选)选择器表达式,元素或jQuery对象,以使元素与之匹配
注意:要返回多个同级,请用逗号分隔每个表达式

jQuery 遍历方法