Скрыть элемент начальной загрузки по классу, который находится внутри определенного div

Question

Я хотел бы скрыть bootstrap multiselect select all button следующим классом: .multiselect-item.multiselect-all, который находится внутри определенного div (этот класс добавляется при начальной загрузке в HTML Select). В настоящее время я скрываю это с javascript как это:

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

Но что он делает, так это скрывает этот элемент повсюду на странице. Я только хочу скрыть это в указанном div. Я пытался использовать .parent (), .find (), ни один из которых не работал. Буду признателен за любую оказанную помощь. Я использую 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 к элементу выбора? Если это так, вы можете просто добавить класс div к своему селектору jquery, чтобы настроить таргетинг на все div с указанным именем класса.

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