Добавить класс к опции в select
На основе значения параметра можно было бы добавить класс к опции?
Поэтому, если у меня есть это:
<select class="rubrique" name="ctl00"> <option value="" selected="selected"></option> <option value="1">1</option> <option value="1">1</option> </select> Я получу это:
- Как работать с json-кормом, хранящимся в localStorage в приложении phonegap?
- Всплывающее окно jQuery Mobile не открывается на .popup ('open')
- Как получить верхнее положение элемента?
- Как вызвать метод обратного вызова flash actionscript из javascript?
- Как перемещаться (вверх или вниз) в gridview ASP.NET с помощью клавиш со стрелками?
<select class="rubrique" name="ctl00"> <option class="" value="" selected="selected"></option> <option class="1" value="1">1</option> <option class="2" value="1">1</option> </select>
- JqGrid выделяет новую добавленную строку
- JQuery Переключить изменение текста
- Dimple js прямая ось y по гистограмме
- SCRIPT5007: невозможно получить значение свойства indexOf: объект имеет значение null или undefined в IE
- Разбиение html-тегов
- Найти XML-узел с помощью jQuery и использовать его значения
- Круговая зависимость в базовом / требуемом вложенном списке
- Получить объект с щелчком, который вызвал событие jquery blur ()
Да, очень легко, используя подпись обратного вызова addClass :
$('.rubrique option').addClass(function() { return this.value; });
$('.rubrique > option').each(function(){ $(this).addClass($(this).val()); });
Изменить: я не уверен, что .val () на 100% прав здесь, вы также можете использовать это:
$('.rubrique > option').each(function(){ $(this).addClass($(this).attr('value')); });
Если целью стиля является конкретный элемент элемента, вы также можете рассмотреть этот подход:
.rubrique option[value="2"]{ background: yellow; }