jQuery を使用して ID に基づいて TD 要素のクラスを変更する方法

jQuery: ID に基づいて特定の DOM 要素のクラス名を変更する

この質問は、 Web ページ内の特定の td 要素のクラス名。私たちの目標は、別の DOM 要素のクリック イベント ハンドラー内からプログラムでこれを実現することです。

jQuery を使用したソリューション:

jQuery は、DOM 要素のクラス属性を操作するための複数のメソッドを提供します。 HTML 要素。

クラスの設定 (既存のものを置き換える) Class):
以前の値に関係なく、クラス名を完全に設定するには、.attr() メソッドを使用します:

$("#td_id").attr("class", "newClass");

クラスの追加 (既存のクラスに追加) List):
既存のクラスを保持したままクラスを追加したい場合は、.addClass() を使用します。メソッド:

$("#td_id").addClass("newClass");

クラスの切り替え (クラス間の切り替え):
クラスを切り替える便利な方法として、.toggleClass() メソッドを使用します:

$("#td_id").toggleClass("change_me newClass");

これらのメソッドを使用すると、ID に基づいてターゲット td 要素のクラス名を動的に変更でき、要素のスタイルをプログラムで設定します。

以上がjQuery を使用して ID に基づいて TD 要素のクラスを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。