2013-12-21 15 views
1

使用jquery從靜態html頁面進行搜索,其中包含動態生成的元素到目前爲止,我已經編寫了這個腳本。當我搜索它時隱藏了div,但是當我按下退格鍵和空搜索文本框的div元素不回來使用jquery進行搜索包含工作不正常

CODE:

<script> 
$(document).ready(function(){ 
    $('.searchtextbox').keyup(function(){ 
     searchedText = $('.searchtextbox').val(); 
     $(".grid:not(:contains('"+searchedText+"'))").hide(); 
     //I want here code to return back the div elements 
     //when i empty the text box using backpace. 
    }); 
}); 
</script> 

回答

1

你需要顯示隱藏您篩選出那些之前所有網格元素。您也應該檢查是否有一個搜索字符串,否則會隱藏大家,不包含「」,這將是所有的人:

var $grid = $(".grid").show() 
if(searchedText) { 
    $grid.filter(":not(:contains('"+searchedText+"'))").hide(); 
} 
+0

感謝快速回復是的,它的工作原理是舉例來說,如果我進入愛它顯示了與愛的網格,當我用文本框中按回到lov它顯示所有網格div與lov但是當我空搜索文本框沒有顯示,但我想所有網格div – user3125365

+0

@ user3125365看到我的編輯 – David

+0

謝謝:-)你很棒哦 – user3125365