javascript - colgroup または col にマウスイベントを追加する

Question

colsまたはcolgroupsにjQueryマウスイベントを追加することは可能ですか? 私たちはそうしようとしましたが、うまくいかなかったようです。一方、これらの列には実際の幅と高さがあります。それらのイベントを col で動作させる方法はありますか?

score 2 · Accepted Answer

グループ内の任意のセルのイベントに反応するハンドラーを colgroup に与えることができるかどうかはわかりません。

または、グループ内の各セルに特定のクラスを与えることもできます。ただし、「たくさん」あるとうまく機能しません。

<tr>
  <td class="c1"> column1 </td>
  <td></td>
</tr>

...

cols1 = $(".c1").css('background','#EEE');

cols1 のハンドルを取得したら、テーブルセルの DOM 構造が変更されるまで保持します。一致する DOM 要素のコレクションを取得するために、セレクターを介して DOM を反復し続ける必要はありません。

score 1 · Accepted Answer

nth-child セレクターを使用すると、目的を達成できる場合があります: http://api.jquery.com/nth-child-selector/

$('tr > td:nth-child(1)').length; // col 1
$('tr > td:nth-child(2)').length; // col 2
$('tr > td:nth-child(3)').length; // col 3
...

2 に答える 2