$(this).closest().hide();

рони, так приведите пример, как такое может быть равнозначно моей строке

Malleys,
исправил!!!

$(this).siblings().hide();

Нет, есть кнопка она динамически меняет select(не опцию а весь селект), но у списка остаются те-же значения. Мне нужно что-бы при клике на эту кнопку в списке также остались только те значения. Там нужен этот список для стилизации. Это opt возможно запихнуть в .not или еще как-то?

как сюда правильно передать opt

$('#select-ul').next().children('ul').children('li').filter(opt).hide();

orange8031, это очень плохо, что вы делаете, поскольку дублируются данные. Если вы хотите делать список при помощи элемента UL, то делайте только его. В чём смысл скрытого элемента? Не нужно туда ничего передавать, делайте только один список, второй всё равно не виден. И зачем он, когда у вас уже всё есть в UL.

Вам уже показали как скрыть другие элементы.

UPD Зачем вам экземпляр класса HTMLSelectElement, когда вы можете написать свой собственный класс, в котором будет описана логика работы вашего списка. (Например, за основу можете взять этот пример https://javascript.ru/forum/showthre...626#post511222)