この記事の例では、jQuery での nextAll() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。 このメソッドは、一致する要素の後にあるすべての兄弟要素を検索します。オプションの式を使用して、兄弟要素のコレクションをフィルター処理することもできます。 文法構造: コードをコピーします コードは次のとおりです: $(selector).nextAll(expr) パラメータリスト: 参数 描述 expr 可选。用来过滤的表达式。 コード例: 例 1: コードをコピーします コードは次のとおりです: <頭> スクリプト ホーム .father{ <br> 高さ:200ピクセル<br> 幅:200px; ボーダー:1px 青一色 <br> }<br> </スタイル> <br> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <スクリプトタイプ="text/javascript"> $(document).ready(function(){ <br> $("p").nextAll().css("color","blue") <br> }) <br> </スクリプト> <br> </頭> <br> <br> <div class="父親"> <p>私は p 要素です</p> <br> <span>私はspan要素です<br> <p>私は p 要素です</p> <br> <div>私は div 要素です</div> <br> </div> <br> </本文> <br> </html><br> <br><br> <br> p 要素以降のすべての兄弟要素のフォントの色を青に設定します。 <br> <br>例 2:</span> </div> <p></p> <p></p>コードをコピーします<p></p> <div class="codetitle"> <span> コードは次のとおりです:<a style="CURSOR: pointer" data="68129" class="copybut" id="copybut68129" onclick="doCopy('code68129')"><u></u> <!DOCTYPE html></a> <html></span> <頭></div> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><div class="codebody" id="code68129"> <meta name="著者" content="http://www.jb51.net/" /><br> <title>スクリプト ホーム</title> <br> <style type="text/css"> .father{ <br> 高さ:200ピクセル<br> 幅:200px; ボーダー:1px 青一色 <br> }<br> </スタイル> <br> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <スクリプトタイプ="text/javascript"> $(document).ready(function(){ <br> $("p").nextAll("div").css("color","blue") <br> }) <br> </スクリプト> <br> </頭> <br> <br> <div class="父親"> <p>私は p 要素です</p> <br> <span>私はspan要素です<br> <div>私は div 要素です</div> <br> <p>私は p 要素です</p> <br> <div>私は div 要素です</div> <br> </div> <br> </本文> <br> </html><br> <br><br> <br> p 要素の後のすべての兄弟 div 要素のフォントの色を青に設定します。 <br> <br>この記事が皆さんの jQuery プログラミングに役立つことを願っています。 <br></span> </div>