Javascript 当内容通过引导网格系统呈现时，网页中的内容过滤器

我有一堆行，每个行包含固定数量的列。这里的行和列指的是twitter引导的网格系统。当用户在同一页面的搜索框中实时输入内容时，我想过滤这些单元格中的数据。这与list.js非常相似，数据不是在列表/列中显示，而是通过引导的网格系统显示

其中一行的示例如下：

 <div class="row">
    <div class="col-md-4">
       <figure style="text-align: center">
          <img src="projects/2015/images/1.jpg" width="80%" class="img-thumbnail">
          <figcaption>
            <h4 class="caption">
              <a id="caption1" style="cursor: pointer" >Assessing Public ...</a>
            </h4>
          </figcaption>
        </figure>
        <p id="abstract1" style="display: none" class="abstract">
                In the ....
        </p>
    </div>
    <div class="col-md-4">
       <figure style="text-align: center">
          <img src="projects/2015/images/2.jpg" width="80%" class="img-thumbnail">
          <figcaption>
            <h4 class="caption">
              <a id="caption2" style="cursor: pointer">Feasibility of...</a>
            </h4>
          </figcaption>
        </figure>
        <p id="abstract2" style="display: none" class="abstract">
            Community-based businesses...
        </p>
    </div>
    <div class="col-md-4">
       <figure style="text-align: center">
          <img src="projects/2015/images/3.jpg" width="80%" class="img-thumbnail">
          <figcaption>
            <h4 class="caption">
              <a id="caption3" style="cursor: pointer">Improving Agricultural Practices in Farm Lands in Mandi through Technology</a>
            </h4>
          </figcaption>
        </figure>
        <p id="abstract3" style="display: none" class="abstract">
                    Agriculture is...
        </p>
    </div>
</div>

评估公众。。。

在。。。。

可行性。。。

以社区为基础的企业。。。

通过技术改进曼迪农田的农业实践

农业是。。。

那么，我如何过滤像list.js filters list这样的内容呢。内容将根据标题和摘要中提供的数据进行过滤