Jquery 单击重置HTML表的列筛选器

Jquery 单击重置HTML表的列筛选器,jquery,html,filter,tableview,html-table,Jquery,Html,Filter,Tableview,Html Table,我使用ColumnFilterjQuery来过滤html表列 下面是javascript: 您可以在此处看到演示: 此javascript在键入出现在表格标题中的文本框时过滤表格列 有没有什么方法可以让我们在单击某个按钮时实时重置所有过滤器(无需重新加载页面)可能是这样: <button class="button">Clear</button> 其中.button您的clear button类。该筛选器的所有输入框似乎都使用该类\u过滤器文本。。。所以我想你可以试试这

我使用ColumnFilterjQuery来过滤html表列

下面是javascript:

您可以在此处看到演示:

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

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

可能是这样:

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

其中.button您的clear button类。

该筛选器的所有输入框似乎都使用该类<代码>\u过滤器文本。。。所以我想你可以试试这样:

<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>
清除东西!
$(文档).ready(函数(){
$(“#ID_of_按钮”)。在('click',function(){
$('._filterText').prop(“值”,“值”);
});
});
<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>