jquery - 单击时重置 HTML 表格的列过滤器

Question

我正在使用列过滤器 jquery 来过滤 html 表列。

这是javascript：http ://www.htmldrive.net/items/show/729/jQuery-Table-Column-Filters

你可以在这里看到演示：http: //www.htmldrive.net/items/demo/729/jQuery-Table-Column-Filters

此 javascript 在表格标题中出现的文本框中键入时过滤表格列。

有什么方法可以让我们在实时单击某个按钮时重置所有过滤器（无需重新加载页面）

Answer 1

也许这样：

<button class="button">Clear</button>

和

$(function() {
    $('.button').on(function() {
        $('._filterText').val('').trigger('change');
    });
});

Where .button你的清除按钮类。

Answer 2

该过滤器的所有输入框似乎都使用此类... _filterText...所以我想您可以尝试以下操作：

<button id="ID_of_button" name="ID_of_button" type="button">Clear Stuff!</button>  

<script>

$(document).ready(function() {  

   $("#ID_of_button").on('click',function(){  
      $('._filterText').prop("value", "");  
   });

});

</script>