HTML
<input type="text" id="my_news_search" class="" placeholder="搜索站内新闻">
<button class="" id="my_news_search_btn" type="button">搜索</button>JS
<script>$(document).ready( function () {$('#table_id_example').DataTable({"fnPreDrawCallback": function( oSettings ) {$('.dataTables_filter input').attr({'name':'search','placeholder': '搜索站内新闻公告'});//提示},language: {"sProcessing": "处理中...","sLengthMenu": "显示 _MENU_ 项结果","sZeroRecords": "没有匹配结果","sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项","sInfoEmpty": "显示第 0 至 0 项结果，共 0 项","sInfoFiltered": "(由 _MAX_ 项结果过滤)","sInfoPostFix": "","sSearch": "搜索:","sUrl": "","sEmptyTable": "表中数据为空","sLoadingRecords": "载入中...","sInfoThousands": ",","oPaginate": {"sFirst": "首页","sPrevious": "上页","sNext": "下页","sLast": "末页"},"oAria": {"sSortAscending": ": 以升序排列此列","sSortDescending": ": 以降序排列此列"}}
});var table = $('#table_id_example').DataTable();$('#my_news_search').on( 'keyup', function () {table.search( this.value ).draw();
} );$('#my_news_search_btn').on( 'onclick', function () {table.search( this.value ).draw();
} );} );
</script>
