javascript - 将鼠标事件添加到 colgroup 或 col

Question

是否可以在 cols 或 colgroups 上添加 jQuery 鼠标事件。我们曾尝试这样做，但似乎没有奏效。另一方面，这些 cols 具有真实的宽度和高度。有没有办法让这些事件与 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
...