復位按鈕

Question

我有我的頁面上的表，它上面的過濾文本框的作品太棒了，使用下面的JQuery：

 $("#searchInputCompanies").keyup(function() { 
      //split the current value of searchInput 
      var data = this.value.split(" "); 
      //create a jquery object of the rows 
      var jo = $("#cBody").find("tr"); 
      if (this.value == "") { 
       jo.show(); 
       return; 
      } 
      //hide all the rows 
      jo.hide(); 

      //Recusively filter the jquery object to get results. 
      jo.filter(function(i, v) { 
       var $t = $(this); 
       for (var d = 0; d < data.length; ++d) { 
        if ($t.text().toLowerCase().indexOf(data[d].toLowerCase()) > -1) { 
         return true; 
        } 
       } 
       return false; 
      }) 
      //show the rows that match. 
      .show(); 

      $('#selectAllCompanies').prop('checked', ''); 
     }).focus(function() { 
      this.value = ""; 
      $(this).css({ 
       "color": "black" 
      }); 
      $(this).unbind('focus'); 
     }).css({ 
      "color": "#C0C0C0" 
     }); 

我怎樣才能建立一個復位過濾按鈕爲了這？

Answer 1

呃，這是一個相當糟糕的執行:( 首先，您需要更改事件$("#searchInputCompanies")，使這一切更容易一點。因此，它將成爲$("#searchInputCompanies").on("input", function() {...

$("#resetAction").on("whatEventYouWant", function() { 
    $("#searchInputCompanies").val("").trigger("input"); 
}); 

這將觸發input事件$("#searchInputCompanies")，並且由於文本框爲空，所有行都將變爲可見。