jquery - 将鼠标悬停在表数据上

标签 jquery css html-table

我有一个 html 表,其中一些单元格是空的,一些单元格有数据。 当我将鼠标悬停在有数据的单元格上时,背景颜色应该变为黑色并且光标应该指向。如果单元格中没有数据或单元格为空白,则单元格上不应有悬停,鼠标指针应正常。

最佳答案

您也可以使用纯 css - 取决于您支持的浏览器:

table td:hover:not(:empty) {
    background: red;
}

Fiddle Link

关于jquery - 将鼠标悬停在表数据上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30458671/

相关文章:

javascript - jQuery 颜色选择器插件实验

javascript - 使用 jQuery 在工具提示中显示表格

google-chrome - HTML 表格破坏了最新 Chrome 浏览器 44.0.2403.89 的布局

javascript - 鼠标滚轮滑过具有较高 z-index 的元素

javascript - 按子数组项中的值对数组进行排序

改变元素在滚动条上位置的 jQuery 代码

javascript - JS/JQuery 编辑/更新表格行

html - 当浏览器放大/缩小时,如何防止表格 <TD> 部分内的文本换行(移动)?

jquery - 如何在响应式 fancyBox 中显示没有黑条的视频/使 iframe 适合视频内容?

html - 如何将移动设备上的所有共享按钮集中到一行?