Как вставить класс в данный dropdown при состоянии select «disabled»?

Question

[z_u_l]

Здравствуйте.

Есть кастомный селект. Как вставить класс "hidden" в данный dropdown при состоянии select "disabled"?
Тут я перебираю все option и засовываю текст option в li. В сейчашнем примере классу будет установлено значение value, что мне не подходит. Как установить текущий класс option из select в li?

for (var i = 0; i < numberOfOptions; i++) {
            $('<li />', {
                text: $this.children('option').eq(i).text(),
                class: $this.children('option[disabled]').eq(i).val()
            }).appendTo($list);
        }

Пробовал так:

class: $this.children('option[disabled]').eq(i).text('hidden');

class: $this.children('option[disabled]').eq(i).attr('class');

Ссылка на пример

Answer 1

[Tendor]

class: $this.children('option').eq(i).attr('class');

$(this).find('option').each(function(index, elem){
  $('<li />', {
       text: $(this).text(),
       class: $(this).attr('class')
  }).appendTo($list);
});