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。:)