Скрыть элемент начальной загрузки по классу, который находится внутри определенного 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')