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

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

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

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

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

prev使い方

ボタンをクリックして、「td」タグのid「test7」の1つの 前の「td」タグの id「test6」のフォントカラーを変更するサンプルコードとなります。

実行結果を見ると、1つ前のhtmlタグである「td id=”test6″」要素のフォントカラーが変更されることが確認できます。