jQuery 基礎チュートリアル

jQuery エフェクト

next()メソッドは選択された要素の次の同級要素を返します。

同階要素は同じ親要素を持たなければなりません。

注意：このメソッドは、1つの要素のみを返します。

$("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オブジェクトを選択して、要素をマッチングする