CSS:如果表的每个单元格的表头被悬停，我该如何触发它们的悬停

CSS: How do I trigger a hover on each cell of a table if their table header is hovered?

本文关键字：悬停 何触发 表头 如果 CSS 单元格      更新时间：2023-09-26

假设我的表单元格中有不同类型的类来处理hover，当它们对应的标头悬停在上面时，我如何触发所有这些hover事件？

下面是一个示例：http://jsfiddle.net/g0u2qtxo/2/

代码段：

$（document）.ready（function（）｛

$("#iTable td").hover(function () {
    alert("cell hover");
});
$("#iHead").hover(function () {
    alert("header hover");
    $("#iTable td").mouseenter();
});

})；

依赖项：使用jquery。。。

CSS效果改变悬停时的行样式，JavaScript处理点击事件。

请参见此处：http://jsfiddle.net/5apnLjqt/

HTML:

<tr class="clickable" onclick="nav('http://www.google.com');">
        <td>Text</td>
        <td>Text</td>
</tr>

CSS：

tr.clickable:hover td { 
    background: #FFFF00; 
    cursor: pointer; 
}

JavaScript:

function nav (url) {
    window.open(url, '_blank');
}
相关文章：