將鼠標事件添加到colgroup或col

Question

是否可以在cols或colgroup上添加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

您可能能夠實現使用第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 
...