Question

我想通过以下类隐藏bootstrap multiselect select all button：.multiselect-item.multiselect-all位于特定div中（该类由bootstrap添加到HTML Select）。目前我用javascript这样隐藏它：

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

但它的作用是在页面上的任何地方隐藏该元素。我只想在指定的div中隐藏它。我尝试过使用.parent（），。find（），none。任何帮助深表感谢。我使用bootstrap multiselect。

我的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>

Answer 1

多个选择插件实际上隐藏了原始select元素，除了它自己的自定义元素。因此，要隐藏所需的项目，您需要更多地修改选择器：

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

上面的选择器只会定位多个选择框的全选按钮，该按钮被创建为#typeCheckboxSelect的阴影。

Answer 2

Bootstrap是否将.multiselect-item.multiselect-all添加到select元素？如果是这样，您可以将div的类添加到jquery选择器，以定位具有该特定类名的所有div。

$('.selectpicker.multiselect-item.multiselect-all')

按类特定div中的类隐藏bootstrap元素

2 个答案: