javascript - datatables.net 向搜索标签添加一个类

Question

<label>Search: <input type="text" aria-controls="company"></label>

使用Datatables，我将如何在搜索字段输入框中添加一个类？

Answer 1

根据您使用的示例.. 如果您使用以下 http://datatables.net/release-datatables/examples/basic_init/zero_config.html

$(document).ready(function() {
    $('#example').dataTable();
    $('#example_filter input').addClass('yourclass'); // <-- add this line
} );

PS：如果表有更多的输入搜索或者你有更多的表，你可以参考所有的输入搜索使用class selector (".someClass")

Answer 2

我会做

$('.dataTables_filter input').addClass('yourclass');

当然在初始化表格后添加这个

Answer 3

我正在使用 DataTable 1.10.x 和 Bootstrap ：

$.extend($.fn.dataTableExt.oStdClasses, {
    "sFilterInput": "form-control yourClass",
    "sLengthSelect": "form-control yourClass"
});

我通过扩展函数而不是 jquery。:)