JQuery简单的“搜索/过滤”系统

我正在为我的个人使用和培训编写一个网站！
在这一个，我试图编码的文件夹系统，完美的作品！我为此感到自豪！
任何方式我想在jQuery过滤搜索！这隐藏所有与输入值不匹配的文件夹！
但问题在于用户需要在输入中输入与文件夹完全相同的名称！
我的代码如下：：JQuery简单的“搜索/过滤”系统

while($data = $ans->fetch()) { 
    echo'<div class="col-md-3" id="'.$data['name'].'"><div class="jumbotron"> 
    <img src="../img/folder.png" height="15%"> 
    <p>'.$data['name'].'</p> 
    <p><a class="btn btn-primary btn-lg" href="?parent='.$data['id'].'" role="button">Aller</a>&nbsp;&nbsp;&nbsp;<a class="btn btn-danger btn-lg " href="?delete='.$data['id'].'" role="button"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></p> 
</div></div>'; 
}

这回显DB中每个文件夹的Div！而且JQ如下：

$("#search").keyup(function() { 
     var value = $(this).val(); 
     if(value == ''){ 
      $('.col-md-3').show(100); 
     } 
     else{ 
      $('.col-md-3').hide(100); 
      $('#'+value).show(100); 

     } 
    });

我刚刚创建系统自己不看任何教程，这是whhy的东西不是最优化的！如果有人知道如何不通过示例文件夹名隐藏：StackOverflow 当我打字：堆栈！

我希望你能理解！我不会说英语很好！
谢谢
马修

来源

2016-06-21 Matthieu Mollard

不要成为那个人，但我不得不：HTTPS：//www.grammarly。 COM /博客/如何使用的安 - 感叹号 - 正确知识，不使用的，它/ –

使用正则表达式：

(new RegExp('word')).test(str)

或

str.indexOf(inputString); //it returns =-1 if contains or returns >-1

来源

2016-06-21 11:22:08

JQuery简单的“搜索/过滤”系统

回答

相关问题