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