Javascript Jquery筛选和显示

我正试图通过在HTML

select

元素中选择的选项来过滤页面上具有特定data-*值的元素。在单击按钮时，它隐藏了类

业务行的所有元素

问题是过滤后没有显示任何内容

html包含如下元素列表，这些元素具有不同的

数据业务id

属性：

 <div data-business-id="2398" class="business-row">
  <div class="col-xs-12">
              <div class="col-xs-12 index-panel"  id="pagewrap">
                                    <div id="content" class="col-xs-2 app-status app-inprogress">
                <span class="app-status-icon"></span>
                   <div class="app-status-text">

                                                          <span>Saved</span>
                                                  </div>
                </div>

            <div id="middle" class="col-xs-7 index-panel-desc">
                 <div class="index-category">
                  <p></p>                   
                    <h3> Name: TEsts</h3>
                 </div>
                                       <p class="index-lead-title"><h5><strong>Application Type: New Hire</strong></h5></p>

                 <p><strong>Entity Type: Individual </strong> <br>
                                           </p>

                <ul>
                    <li>Date Submitted: Not Submitted</li>
                    <li>Approved Date: </li>
              </ul>

              <!-- <p><a href="#">See More Details</a></p> -->
            </div>

             <div id="sidebar" class="col-xs-3 details-pane">
                    <ul>
                        <li> <a> VIEW APPLICATION: </a> </li>
                        <li> 

                         </li>
                        <li> <a> VIEW CONFIRMATION PAGE: </a> </li>


                    </ul>
            </div>
        </div>
    </div>
</div>

此逻辑表示查找所有业务行元素，隐藏它们，然后仅查找具有business row类的元素，这些元素具有要显示的数据业务id的子元素。但是，标记显示数据业务id位于行本身，而不是子行。请尝试以下方法

$('.business-row').hide().filter('[data-business-id="'+busID+'"]').show();

$('.business-row').hide().filter('.business-row [data-business-id="'+busID+'"]').show();

$('.business-row').hide().filter('[data-business-id="'+busID+'"]').show();