DataTables列().every()：当多个表时出现此问题
DataTables列().every()：当多个表时出现此问题
提问于 2017-10-19 11:04:40
DataTables columns().every() https://datatables.net/reference/api/columns().every()文档：
这个列().every()方法..。将回调函数的上下文设置为有关列的列()实例。
但是，在下面有两个表的代码中，this总是引用第一个表，即使在迭代第二个表的列时也是如此。它不设置第二个表中的类。相反，它在第一个表中设置了两次。我做错了什么？或者我怎样才能优雅地解决这个问题？
<!DOCTYPE html>
<html>
<title>DataTables test</title>
<link rel="stylesheet" href="//cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.css">
<style>
.bgcolor {
background-color: red;
}
</style>
<script src="//code.jquery.com/jquery-3.2.1.js"></script>
<script src="//cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.js"></script>
<table>
<thead><tr><td>Head
<tbody><tr><td>Cell in first table
</table>
<table>
<thead><tr><td>Head
<tbody><tr><td>Cell in second table
</table>
<script>
$(function() {
var tables = $('table').DataTable();
tables.columns().every(function(columnIndex, tableCounter) {
var nodes = this.nodes();
$(nodes).addClass('bgcolor');
});
});
</script>回答 1
Stack Overflow用户
回答已采纳
发布于 2017-10-19 11:13:37
这是因为你的选择器只是‘桌子’。
考虑标识每个表，然后应用正确的选择器：
....<table id="example2">....然后：
$('#example2').DataTable(.....请参阅更新的小提琴：https://jsfiddle.net/a3j6zv62/1/
更新：
要在文档的所有表中这样做，只需使用一些jquery循环：
$('table').DataTable({dom: 't'});
$('table').each(function() {
var api = $(this).dataTable().api();
api.columns().every(function(columnIndex, tableCounter) {
var nodes = this.nodes();
console.log([columnIndex, tableCounter, nodes]);
$(nodes).addClass('bgcolor');
});
});还请参阅更新的小提琴https://jsfiddle.net/a3j6zv62/3/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46828471
复制相关文章
相似问题
腾讯云开发者
