将鼠标事件添加到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

您可以使用第n个孩子选择器实现目标：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
...