jquery - 在 jQuery 中使用 hover() 和 each()?
问题描述
我有一个表,其中包含一个带有偶数 tds 的单行。其中一半从列表数据中删除,另一半用于添加到列表数据。
所以我的剃刀观点中的结构有点像
<table class="table table-bordered table-hover dataTable"
role="grid" aria-describedby="example2_info">
<tbody>
@{int j = 0;}
@foreach (var i in item.Data)
{
{ j++; }
<tr role="row" class="odd">
<td class="sorting_1 remove-from-list_@j" style="word-break:break-all;">
...
<td class="add-from-list_@j">
...
所以每个类都得到动态的名称。
我的 jQuery 函数如下:-
<script type="text/javascript">
$(document).ready(function () {
$(".table.table-bordered.table-hover.dataTable td.add-from-list")
.not(':first').each(
function (i) {
$(".add-from-list_" + i).hover(function () {
$(this).css("background", "#fff2cc");
})
},
function (i) {
$(".add-from-list_" + i ).css("background", "");
});
$(".table.table-bordered.table-hover.dataTable td.remove-from-list").each(
function (i) {
$(".remove-from-list_" + i).hover(function () {
css("background", "#fff2cc");
})
},
function (i) {
$(".remove-from-list_" + i).css("background", "");
});
它不工作。
解决方案
你真的应该为悬停效果使用 CSS !!!
td[class^="add-from-list_"]:hover,
td[class^="remove-from-list_"]:hover{
background: #fff2cc;
}
'^' 表示类以引号之间的字符串开头。
推荐阅读
- python - Jupyter Notebook 不导入 Geopandas
- keras - Keras 获取 VGG 中特定图像的最后一层的特征图
- regex - 如何使用 Java 正则表达式从内联样式中删除样式元素?
- python - django admin编辑表单没有获取文件值
- javascript - 等待流完全更新变量
- wcf - system.net.webexception:远程服务器上的错误:(400)错误请求
- javascript - 使用angular8取消选中复选框时如何保持禁用输入
- javascript - 如何正确检查对象是否被字符串化?JS
- r - 在 R 中使用粘贴时如何忽略 NA
- php - 需要从日期中删除分钟