jquery prevAllメソッドを使って同一階層のhtml要素から前の全てのhtml要素を取得する

jquery prevAllメソッドを使って同一階層のhtml要素から前の全てのhtml要素を取得する

jqueryでprevAllメソッドを使うと「同一階層のhtml要素から前の全てのhtml要素」を取得することができます。ここでは、prevAllメソッドを実際に使用したサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

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

prevAll使い方

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

実行結果を見ると、全てのhtmlタグである「td」要素のフォントカラーが変更されることが確認できます。

タグを指定しなければ、全ての要素を取得します。

実行結果は以下となります。