jQuery 基礎トレーニング

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オブジェクトを選択して、要素を一致させるために使用されます注意：同じ階層の複数を返すには、各表現をカンマで区切ってください