javascript - 数据表修改过滤器html

Question

我正在使用 jQuery Datatables plugin我想为过滤器自定义一些生成的 HTML。

具体来说，它们生成以下 HTML:

<div class="dataTables_filter" id="example_filter">
<label>Search: <input type="text" aria-controls="example"></label>

但是，我希望我的 HTML 更像这样:

<div class="filter-search">
<label class="search-label">
    <input type="text" placeholder="Search by name" />
    <span class="search-icon"></span>
</label>

我环顾四周，我能找到的只有 something about changing the class ，但在这种情况下，我想改变的不仅仅是类(class)。

我确定我可以在表加载后破解 DOM，但我希望有一些方法可以作为数据表的配置/初始化的一部分来执行此操作。

Answer 1

您可以通过修改数据表的 oLanguage sSearch 选项:

$('#example').dataTable({
    oLanguage: {
        sSearch: '<i>Other Search Text</i>'
    }
});