jquery next() メソッド
翻訳結果：
next
#英[nekst] 美[nɛkst]
adj. 直後; 2 番目; 近く; すぐ隣
adv.次に進みます;その後;後ろに;順番に
n.次;次の1つ
準備します。閉じる;後ろ;隣の…
jquery next() メソッド構文
関数: next() は、一致する要素セット内の各要素にすぐ隣接する兄弟要素を取得します。セレクターが指定されている場合は、セレクターに一致する次の兄弟要素を取得します。
構文: .next(selector)
パラメータ:
| Parameter | Description |
| selector | 要素の一致に使用されるセレクター式を含む文字列値。 |
説明: DOM 要素のコレクションを表す jQuery オブジェクトが与えられた場合、.next() メソッドを使用して、 DOM ツリーの後に兄弟要素が続き、一致する要素を持つ新しい jQuery オブジェクトを構築します。このメソッドは、$() 関数に渡したものと同じ型のオプションのセレクター式を受け入れます。次の兄弟要素がセレクターと一致する場合、その要素は新しく構築された jQuery オブジェクト内に残りますが、一致しない場合は除外されます。
jquery next() メソッド例
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<p>Hello</p>
<p class="selected">Hello Again</p>
<div><span>And Again</span></div>
<script>
$("p").next(".selected").css("background", "yellow");
</script>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します