jQuery siblingsメソッドを使って同一階層の要素を取得するサンプル
環境
Google Chrome 105.0.5195.127
Windows 10 Home 64bit
jquery 3.6.1
構文
$(セレクターID名).siblings()
自要素以外の兄弟を指定する場合はsiblingsを使用します。
使用例
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(function(){ // 自要素以外の兄弟を指定する const cft = $("#oosaka").siblings(); //文字の色を指定 cft.css("color", "red"); }) </script> </head> <body> <div id="city">都市名 <div id="tokyo">東京</div> <div id="oosaka">大阪</div> <div id="fukuoka">福岡</div> </div> </body> </html>
実行結果
文字「東京」と「福岡」の色が赤文字になります。