Question

我正在编写一个网站，供我个人使用和培训！
在这一个，我正在尝试编写一个文件夹系统，这是完美的！我为此感到自豪！
无论如何我都试图在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>';
}

这为数据库中的每个文件夹回显一个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);

        }
    });

我只是自己创建系统而没有查看任何教程，这是因为事情没有优化！如果有人知道如何不通过例如名为StackOverflow的文件夹来隐藏当我在打字时：堆叠！

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

Answer 1

使用正则表达式：

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

或

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

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

1 个答案: