javascript - Jquery Datatables获取父列的绝对索引

Question

我已经为数据表编写了内置列过滤插件，但遇到了一些小问题，

我已经在每个列页脚中创建了文本输入，现在 - 在 keyup 上我想捕获它们的索引，然后在过滤时使用它。

我通过代码中的以下行获取父列索引:

var visIdx = $(this).parent().index();

仅当所有列都可见时，它才会正确返回索引，但当其中一列隐藏时，后面的列就会返回错误索引。

这会导致当某些列隐藏时过滤会应用于不良列

fiddle 上有我的完整代码:http://live.datatables.net/pulewemu/3/edit?js,console,output

Answer 1

问题是 DataTable 在每个 draw() 上创建新元素。您看到的不是带有一些隐藏列的“原始”表格，而是一组全新的元素，仅包括“可见”列。

因此无法从那里获得“绝对”索引。

我建议在定义搜索输入的 .each() 循环中的数据属性中添加该索引:

$('#example tfoot th').each(function(i) {
    var title = $(this).text();
    var hate = '<input size="4" class="fder" type="text" id="gte" placeholder="min" data-index="'+i+'" />'
    hate += '<br><input size="4" class="fder" type="text" id="lov" placeholder="max" data-index="'+i+'" />'
    $(this).html(hate);
});

然后，在 keyup 上，检索索引，如下所示:

var visIdx = $(this).data("index");