Как разместить отдельные входные данные столбца поиска в DataTables в заголовке для нескольких таблиц на странице ⇐ Jquery

[Anonymous]

На моей странице есть несколько таблиц с class="example" . Я применил поиск по отдельным столбцам в своих таблицах, используя следующий код:

Код: Выделить всё

$(document).ready(function() {
// Setup - add a text input to each footer cell
$('.example tfoot th').each( function () {
var title = $(this).text();
$(this).html( '');
} );

// DataTable
$('.example').each(function(){
var table = $(this).DataTable();

table.columns().every( function () {
var that = this;
$( 'input', this.footer() ).on( 'keyup change', function () {
if ( that.search() !== this.value ) {
that.search( this.value ).draw();
}
});
});
});
$('.example tfoot th').appendTo('.example thead'); //Problem
} );

По умолчанию отдельные входные данные столбца поиска[/b] добавляются в нижнюю часть таблиц.Теперь строка с комментарием (//Проблема) - это то, что я использую для добавления отдельных входных данных столбца поиска вверху каждой таблицы. Но при этом отдельные входные данные столбца поиска первой таблицы добавляются ко всем остальным таблицам. Я думаю, это можно решить, поместив строку (//Problem) внутри этого цикла:

Код: Выделить всё

$('.example').each(function()

Но я не могу понять, как мне это использовать внутри. Я пробовал много вещей, но это не сработало для меня.

Подробнее здесь: https://stackoverflow.com/questions/548 ... -for-multi