非列表怎么写搜索模糊匹配

Question

小白一个 想问下非列表怎么写搜索模糊匹配 例如 尽量不用jquery

              <div class="am-tab-panel" id="tab-4-5">

                <div class="am-g">

                  <div class="am-u-md-3">

                    <a href="../assets/src/真实的地球.rar" style="background-image: url('../assets/images/example/0216277pre5prkdm6jmepm.jpg');" class="example-item-bg"></a>

                    <p style="margin:0;text-align:center;font-size:16px;">真实的地球<br>(点击图片下载)</p>

                  </div>

                  <div class="am-u-md-3">

                    <a href="#" style="background-image: url('../assets/images/example/example1.jpg');" class="example-item-bg"></a>

                    <p style="margin:0;text-align:center;font-size:16px;">JS198 <br>(点击图片下载)</p>

                  </div>

                  <div class="am-u-md-3">

                    <a href="#" style="background-image: url('../assets/images/example/example1.jpg');" class="example-item-bg"></a>

                    <p style="margin:0;text-align:center;font-size:16px;">JS198 <br>(点击图片下载)</p>

                  </div>

                  <div class="am-u-md-3">

                    <a href="#" style="background-image: url('../assets/images/example/example1.jpg');" class="example-item-bg"></a>

                    <p style="margin:0;text-align:center;font-size:16px;">JS198 <br>(点击图片下载)</p>

                  </div>

                </div>

              </div>

搜索p标签里面的字，结果只显示对应的那个div ，其他结果隐藏

Answer 1

不知道你说的不用jQuery是什么意思？用原生的js，如果有更方便的jQuery为什么不用？具体思路就是：1.遍历am-u-md-3获取里面的p元素的innerText2.用正则匹配，看是否匹配，如果匹配，设置div的display为none3.如果不匹配，则继续