jquery siblingsメソッドを使用して同一階層の要素を全て取得する

jquery siblingsメソッドを使用して同一階層の要素を全て取得する

jqueryでsiblingsメソッドを使うと同一階層の要素を取得することができます。ここでは、同じ階層の要素 を取得するまでのサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

siblings使い方

ボタンをクリックすると、id「test」と同じ階層の「td」全てのフォントカラーを変更するサンプルコードとなります。

実行結果を見ると、変換ボタンをクリックすると、同じ階層にいる全ての要素のフォントカラーが変更されることが確認できます。