ホームページ > 記事 > ウェブフロントエンド > jQuery の次は何でしょうか?
jquery では、next は選択された要素の後の兄弟要素を返すために使用されるメソッドです。このメソッドは、要素コレクション内の各要素にすぐ隣接する兄弟要素と一致し、セレクターに一致する次の兄弟要素を取得できます。兄弟要素であり、1 つの要素のみを返します。構文は「element object.next(selector)」です。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
next() メソッドは、選択した要素の次の兄弟要素を返します。
兄弟要素とは、同じ親要素を共有する要素です。
注: このメソッドは 1 つの要素のみを返します。
DOM ツリー: このメソッドは、DOM 要素の次の兄弟要素に沿って前方に移動します。
構文
$(selector).next(filter)
パラメータの説明
filter オプション。検索を 1 つの兄弟要素に絞り込むセレクター式を指定します。
next() 一致する要素セット内の各要素のすぐ隣の兄弟要素を取得します。セレクターが指定されている場合は、セレクターに一致する次の兄弟要素を取得します。
例は次のとおりです:
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="/jquery/jquery.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>
出力結果:
関連ビデオ チュートリアルの推奨事項: jQuery ビデオ チュートリアル
以上がjQuery の次は何でしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。