Question

我正在使用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行将悬停类添加到中间的所有行都不会将悬停类添加到主体中的任何行。

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

由于

Jquery通过索引每隔第13行添加一个类

0 个答案: