如果它具有作为子项的跨度，则将类添加到父 div

Question

我有许多过滤器可以在我的商店中显示产品。我正在使用 bootstrap-select 来设置过滤器（下拉菜单）的样式。当我更改过滤器值时，如果该组合没有可用的结果，其他过滤器会自动隐藏选项。问题是，现在有一个过滤器显示没有任何可用选项可供选择。在这种情况下，我想完全隐藏过滤器。如果有可用选项，代码如下所示：<div class="form-group ">  <label>Serie</label>  <div class="btn-group bootstrap-select show-tick js-wpv-filter-trigger form-control open"><button type="button" class="btn dropdown-toggle bs-placeholder btn-dropdown btn-default" data-toggle="dropdown" role="button" data-id="wpv_control_select_wpcf-serie" title="Bitte wählen..." aria-expanded="true">  <span class="filter-option pull-left">Bitte wählen...</span>  <span class="bs-caret">    <span class="caret"></span>  </span>  </button>    <div class="dropdown-menu open" role="combobox">      <ul class="dropdown-menu inner" role="listbox" aria-expanded="true">        <li data-original-index="0"><a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"><span class="text">D-9</span><span class="fontawesome fa fa-check check-mark"></span></a></li>      </ul>    </div>    <label class="custom-select">      <select id="wpv_control_select_wpcf-serie" name="wpv-wpcf-serie[]" class="selectpicker js-wpv-filter-trigger form-control" multiple="multiple" tabindex="-98">        <option value="D-9">D-9</option>      </select>      <span></span>    </label>  </div></div>我的目标是一类添加.hide-filter到.form-group如果孩子.dropdown-menu没有li

Answer 1

这是另一种方法：

$( document ).ready(function() {

    if($( ".dropdown-menu.inner:has(li)" ).length == 0){

      $( ".form-group" ).addClass( "hide-filter" );

    }

});