javascript - 如果它有一个跨度作为子级,则将类添加到父 div
问题描述
我有许多过滤器可以在我的商店中显示产品。我正在使用 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>
如果没有可用的选项,代码如下所示:
<div class="form-group">
<label>Passend für Helm</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-kompatibilitat-extern-mechanisch" 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"></ul>
</div>
<label class="custom-select">
<select id="wpv_control_select_wpcf-kompatibilitat-extern-mechanisch" name="wpv-wpcf-kompatibilitat-extern-mechanisch[]" class="selectpicker js-wpv-filter-trigger form-control" multiple="multiple" tabindex="-98">
</select>
<span></span>
</label>
</div>
</div>
如果孩子没有.hide-filter
,我的目标是添加一个类.form-group
.dropdown-menu
li
解决方案
这是另一种方法:
$( document ).ready(function() {
if($( ".dropdown-menu.inner:has(li)" ).length == 0){
$( ".form-group" ).addClass( "hide-filter" );
}
});
推荐阅读
- javascript - FCM 后台通知适用于 chrome 桌面,但不适用于 chrome android
- javascript - 在模态对话框上的 jquery 中单击事件后,日期选择器中的格式错误
- python - 为什么这个 for 循环返回一个空列表?
- mongodb - MongoDB无法连接
- r - CRAN方式在R中将字符编码为HTML
- javascript - 为什么这个 Lambda 函数是异步的?
- php - PHP:如何在 jQuery DateRangePicker 中选择日期后在 URL 中发布日期?
- bash - 使用 docker exec 将带有转义字符的参数传递给脚本
- java - Spring Boot:具有相同对象类型的“GET”和“POST/PUT”请求的 json 响应中的不同日期格式
- c# - 在 basicsharp C# 基本解释器类库中添加合并字段作为标记