使用DataTables进行列和行hilighting

Question

我正在使用DataTables，并将这个有点尴尬的Javascript拼凑在一起，以允许行和列高亮显示。它基于本页的示例（http://datatables.net/release-datatables/examples/api/highlight.html ).

下面是dataTable配置的相关部分：

$(document).ready(function() {
    $('#franchise_history').dataTable( {
        "bPaginate": false,
        "bLengthChange": false,
        "bFilter": true,
        "bSort": false,
        "bInfo": true,
        "bAutoWidth": true,
        "sScrollY": "100%",
        "sScrollX": "100%",
        "asStripeClasses": [],
        "fnInitComplete": function (conf, json) {
            var tbl = $($.fn.dataTable.fnTables(true)).dataTable();
            $('td', tbl.fnGetNodes()).hover( function() {
                var iCol = $('td').index(this) % some_constant;
                var nTrs = tbl.fnGetNodes();
                $('td:nth-child('+(iCol+1)+')', nTrs).addClass('highlighted');
            }, function() {
                $('td.highlighted', tbl.fnGetNodes()).removeClass('highlighted');
            });
      }
} );
} );

服务器上的模板代码插入了一些常量。这是列数。以下是DataTables调试输出：http://debug.datatables.net/oceqix这是它的来源页面http://pro-football-history.com/franchise/37/pittsburgh-steelers-coaches

正如您所看到的，将鼠标悬停在列上不会正确地点亮右侧的列。这里怎么了？我对Javascript非常无知，我的Javascript调试能力基本处于极限。如果有任何答案也能解释他们找到它的调试过程，我将不胜感激。

Answer 1

看起来像是下一行中的问题

 var iCol = $('td').index(this) % some_constant;

更改到下面应该可以解决您的问题：

var iCol = $('td', this.parentNode).index(this) % some_constant;

问题是，$（'td'）提供文档中的所有TDs，但您只需要获取当前行的TDs。