Как передать значение из select в псевдоселект?

Question

[sergey]

<div id="container">
  <div class="styled-dropdown" style="width: 93px;">
    <p>Select please</p>
    <ul class="styled-dropdown-list" style="display: none;">
      <li id="1">Monday</li>
      <li id="2">Tuesday</li>
      <li id="3">Wednesday</li>
      <li id="4">Thursday</li>
      <li id="5">Friday</li>
      <li id="6">Saturday</li>
    </ul>
  </div>
  <select style="display: none;">
    <option value="0">Sunday</option>
    <option value="1">Monday</option>
    <option value="2">Tuesday</option>
    <option disabled="" value="3">Wednesday</option>
    <option value="4">Thursday</option>
    <option value="5">Friday</option>
    <option value="6">Saturday</option>
  </select>
</div>

есть обычный select, но с помощью jquery преобразовывается в список (псевдоселект)
Как реализовать код что бы при задании option disabled - соответствующая li в псевдоселекте также получала класс disabled?
пробовал так к примеру но это не вариант ибо мне нужен именно конкретный li

$('select option[disabled]').siblings(('styled-dropdown').find('li').addClass('disabled'));

Answer 1

[sergski]

чуть модифицировать

let v = $('select option[disabled]').val();
$('.styled-dropdown').find(`li[id= ${v}]`).addClass('disabled');