时间戳

首页 > 解决方案 > 按特定 div 内的类隐藏引导元素

javascript - 按特定 div 内的类隐藏引导元素

问题描述

我想bootstrap multiselect select all button通过以下类隐藏它：.multiselect-item.multiselect-all那是在特定的 div 内（该类由引导程序添加到 HTML 上Select）。目前我用javascript这样的方式隐藏它：

$('.multiselect-item.multiselect-all').addClass('hidden');

但这样做的目的是在页面的任何地方隐藏该元素。我只想将它隐藏在指定的 div 中。我尝试过使用 .parent()、.find()，但都没有奏效。任何帮助深表感谢。我使用引导多选。

我的 HTML

<select id="typeCheckboxSelect" class="selectpicker" name="typeSelector[]" multiple="multiple">
   <option class='typeCheckbox' type='checkbox' value='test1'>Test One</option>
   <option class='typeCheckbox' type='checkbox' value='test2'>Test Two</option>
   <option class='typeCheckbox' type='checkbox' value='test3'>Test Three</option>
</select>

标签： javascripthtmlbootstrap-multiselect

解决方案

select多选插件实际上除了自己的自定义元素之外还隐藏了您的原始元素。因此，要隐藏所需的项目，您需要再修改一下选择器：

$('#typeCheckboxSelect ~ div ul li.multiselect-item.multiselect-all').addClass('hidden');

上面的选择器将只针对创建为阴影的多选框的全选#typeCheckboxSelect按钮。

推荐阅读