将鼠标事件添加到 colgroup 或 col

Question

是否可以在 cols 或 colgroups 上添加 jQuery 鼠标事件。我们曾尝试这样做，但似乎没有效果。另一方面，这些列有真实的宽度和高度。有没有办法让这些事件与 col 一起工作？

Answer 1

我不确定是否可以为 colgroup 提供对组中任何单元格上的事件做出反应的处理程序。

您也可以为组中的每个单元指定一个特定的类。不过，如果“很多”的话，效果就不好。

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

...

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

一旦获得了 cols1 的句柄，请保留它，直到表格单元格的 DOM 结构发生变化。您不必通过选择器不断迭代 DOM 来获取匹配的 DOM 元素集合。

Answer 2

您也许能够使用 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
...