隐藏特定div中按类的引导元素

Question

我想通过以下类隐藏bootstrap multiselect select all button ： .multiselect-item.multiselect-all在特定div内（该类通过bootstrap添加到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>

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')