搜索表格行與jquery沒有用戶點擊

Question

我想搜索到一個表，只顯示匹配輸入的結果。

下面的腳本正在工作但我需要它只在第一列「搜索」，並且不需要用戶點擊輸入，而是在頁面加載時獲取默認值=「」。我試圖使用val，但它不工作。也嘗試改變tr與TD等，但它開始出現故障。

下面是 - >JsFiddle與我迄今爲止所做的一樣。

這是jquery。

$(document).ready(function() { 

    $("#searchee").on('click', function() { 
     var rows = $("#table").find("tr").hide(); 
     var data = this.value.split(" "); 

     $.each(data, function(i, v) { 
      rows.filter(":contains('" + v + "')").show(); 
     }); 
    }); 

}); 

Answer 1

嘗試

<input id="searchee" value="11 6.5 5"> 

和

$(document).ready(function() { 

    $("#searchee").keyup(function() { 
     var rows = $("#table").find("tr").hide(); 
     var data = this.value.split(" "); 

     $.each(data, function(i, v) { 
      rows.has("td:first-child:contains('" + v + "')").show(); 
     }); 
    }).keyup(); 

}); 

演示：Fiddle

如果你想繼續使用佔位符，然後

$(document).ready(function() { 

    $("#searchee").keyup(function() { 
     var rows = $("#table").find("tr").hide(); 
     var value = this.value.length == 0 ? $(this).attr('placeholder') : this.value; 
     var data = value.split(" "); 

     $.each(data, function(i, v) { 
      rows.has("td:first-child:contains('" + v + "')").show(); 
     }); 
    }).keyup(); 

}); 

演示：Fiddle