如果它具有作为子项的跨度，则将类添加到父 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() {&nbsp; &nbsp; if($( ".dropdown-menu.inner:has(li)" ).length == 0){&nbsp; &nbsp; &nbsp; $( ".form-group" ).addClass( "hide-filter" );&nbsp; &nbsp; }});&nbsp;&nbsp;