jquery contentsメソッドを使って要素のテキストノードも含め全子要素を取得する

jquery contentsメソッドを使って要素のテキストノードも含め全子要素を取得する

jqueryでcontentsメソッドを使うと要素の全ての子要素を取得することができます。ここでは、 要素の全ての子要素を取得するまでのサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

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

contents使い方

ボタンをクリックするとid「test」の子要素全てのフォントカラーを変更するサンプルコードとなります。

実行結果を確認すると、子要素の全てのフォントカラーが変更されていることが確認できます。