javascript - テーブル内の tr 行をクリックすると、tr の詳細情報が表示されます。このロジックはどのように実装されていますか?

Question

表の tr 行をマウスでクリックすると詳細な内容が表示され、もう一度クリックすると情報が非表示になります

Answer 1

クリックイベントをtrにバインドし、現在のtrまたは区別のために事前に設定したキーフィールドのインデックスを取得して、実行したい機能を実行します

これは以前に書いた行をクリックするとその行のチェックボックスが選択されるイベントです

リーリー

Answer 2

tr にはタイトルとコンテンツの 2 つの要素を配置できます。デフォルトではコンテンツは非表示になっており、タイトルをクリックするとコンテンツが表示されます。

Answer 3

上記と同様に、表示したい内容が配置されているtrにclassの内容を記述したタグを配置し、その中に表示したい内容を入れます。 jsの表示は以下のようにしても問題ありません。 :

リーリー

これは、行全体のtrをクリックすることでトリガーできるイベントです。
通常、クラスを使用して表示と非表示を制御するか、コンテンツの表示がなしかブロックかを決定することもできます。