0

我正在使用 dataTables 用固定的列和标题分解表格。它是一个用 php 填充的大表格。

我有以下 jquery 代码

$(document).on({
mouseenter: function () {
    trIndex = $(this).index()+1;
    console.log(trIndex);
    $("table.dataTable").each(function() {
        $(this).find("tr:eq("+trIndex+")").addClass("hover")
    });
},
mouseleave: function () {
    trIndex = $(this).index()+1;
    $("table.dataTable").each(function(index) {
        $(this).find("tr:eq("+trIndex+")").removeClass("hover")
    });
}
}, ".dataTables_wrapper tr");

由于固定列实际上被dataTables分解为2个表，因此我试图获取我悬停的行的索引，然后将类悬停应用到固定列和主体中具有该索引的行桌子。

我查看了 chromes 检查器，每行的索引都按预期递增 1。固定列中的行按预期添加了悬停类，但是在主体中，第一行在悬停时添加了悬停类，但是第14行将悬停类添加到第二行，第27行将悬停类添加到第三行等。中间的所有行都不会将悬停类添加到主体中的任何行。

什么可能导致这种奇怪的结果？正如您在代码中看到的那样，当我悬停时，控制台记录了每一行的索引，并生成了正确的索引号。

谢谢

4

0 回答 0