next
#英[nekst] 美[n?kst]
adj. 直後; 2 番目; 近く; すぐ隣
adv.次に進みます;その後;後ろに;順番に
n.次;次の1つ
準(zhǔn)備します。閉じる;後ろ;隣の…
jquery next() メソッド 構(gòu)文
関數(shù): next() は、一致する要素セット內(nèi)の各要素にすぐ隣接する兄弟要素を取得します。セレクターが指定されている場合は、セレクターに一致する次の兄弟要素を取得します。
構(gòu)文: .next(selector)
パラメータ:
| Parameter | Description |
| selector | 要素の一致に使用されるセレクター式を含む文字列値。 |
説明: DOM 要素のコレクションを表す jQuery オブジェクトが與えられた場合、.next() メソッドを使用して、 DOM ツリーの後に兄弟要素が続き、一致する要素を持つ新しい jQuery オブジェクトを構(gòu)築します。このメソッドは、$() 関數(shù)に渡したものと同じ型のオプションのセレクター式を受け入れます。次の兄弟要素がセレクターと一致する場合、その要素は新しく構(gòu)築された jQuery オブジェクト內(nèi)に殘りますが、一致しない場合は除外されます。
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>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します