Jquery 从div标记中搜索任何内容，并在所有div的顶部显示搜索到的div 搜寻

我想从div列表中的div标记中搜索内容，如上所述，我目前只提供了一个div。我想搜索文本，匹配的文本div将显示在所有div的顶部。 我想要一个类似jquery datatable的搜索结果。

---

提前感谢

以下是工作代码：使用“顺势疗法”或“1111”等搜索，它将隐藏另一行

您传递了错误的类名。我取了一个新的类名，它正在工作

    <div class="search-container">
        <input type="text" class="input-medium search-query" placeholder="Search">
        <button type="button" class="btn">Search</button>
    </div>
<div class="panel panel-default">
    <div class="panel-body">
        <div class="col-sm-6 col-md-2">
            <img src="~/ProfileImg/30052018051539_crop.jpg" alt="" class="img-circle img-responsive">
        </div>
        <div class="col-sm-6 col-md-8">
            <p><strong><a onmouseover="" style="cursor: pointer;" ></a></strong></p><p class="custom_j"><strong><a>Dr. Amruta Kadam</a></strong></p><p></p>
            <p>MD (HOMEOPATHY)</p>
            <p>Dermatologist</p>
            <div class="info">
                Chaitanya clinic, Shankar complex
            </div>
            <div class="row" style="margin-top: 5px;">

                <div class="col-md-3">
                    <dt>
                        <div class="Strong">Distance</div>
                    </dt>
                    <div class="desc"><span>10km</span></div>
                </div>
                <div class="col-md-3">
                    <dt>
                        <div class="Strong">Reviews</div>
                    </dt>
                    <div class="desc"><span>0</span></div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                </div>
                <div class="col-md-6">

                    <div class="row ">
                        <h5>Insurance<span style="color: rgb(0, 186, 242);"> Partners</span></h5>
                        <div class="popup-gallery">
                            <a href="#" title="Photo 1">
                                <img src="/Loginassets/images/lic.png" alt="">
                            </a>
                            <a href="#" title="Photo 1">
                                <img src="/Loginassets/images/india.png" alt="">
                            </a>
                            <a href="#" title="Photo 1">
                                <img src="/Loginassets/images/more.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

---

添加您在（'click'，function（e）{var query=$.trim（$（this）.prevAll（'.search query'）.val（））.toLowerCase（）；$（'div.col-sm-6 col-md-8'）。每个（function（）{var$this=$（this）；if（$this.text（）.toLowerCase（）.indexOf（query）=-1）$this.closest（'div.col-sm-6 col-md-8'）.fadeOut（）；）；非常感谢你，妈妈，你节省了我的时间

$('.btn').on('click', function(e){ 
    var query = $.trim($(this).prevAll('.search-query').val()).toLowerCase(); console.log(query)
    $('div.test').each(function(){ 
        var $this = $(this); if($this.text().toLowerCase().indexOf(query) === -1) 
            $this.closest('div.test').fadeOut(); 
        }); 
 });