jquery搜索使用包含无法正常工作

Question

我使用jquery从静态html页面搜索，其中包含动态生成的元素到目前为止我已经编写了这个脚本。当我搜索它时隐藏div不包含但是当我按退格键并且使用空搜索文本框时div元素不要回来

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>

Answer 1

您需要先显示所有网格元素，然后再隐藏您筛选出的网格元素。您还应该检查是否有搜索字符串，否则它会隐藏所有不包含“”的字符串，这些字符串都是：

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