Изменить цвет фона с помощью jQuery

Question

У меня есть форма с несколькими раскрывающимися списками ... Я хотел бы установить цвет фона видимых раскрывающихся списков на серый, когда они отключены.Все эти выпадающие идентификаторы начинаются с usrControl.Вот что у меня так далеко ..

    $('select[id ^= "usrControl"]:visible').each(function(){
this.css("background-color")
});

Не уверен, как получить отключенные / включенные селекторы.

Заранее спасибо

Protected _picklistColorScriptText As String = "$(document).ready(function(){ " + _
                                                "$('[id ^= ""usrControl""]:visible:disabled').css(""background-color"", '#DCDCDC'); " + _
                                                "$('[id ^= ""usrControl""]:visible:enabled').css(""background-color"", '#FFFFFF');" + _
                                                "});"

Это работает.Однако это устанавливает серый фон для всего элемента управления, как я могу изменить цвет выделенного элемента на серый?

Answer 1

Вы можете использовать: отключенный псевдоселектор.Плюс вам не нужен jQuery.each.Просто работайте с возвращенным набором узлов.

$('select[id ^= "usrControl"]:visible:disabled').css("background-color", 'gray');

Рабочий пример здесь: http://jsfiddle.net/Cwm4W/

ОБНОВЛЕНИЕ: В ответ на пояснения ОП ниже, вы можете просто выбрать содержащуюся опцию следующим образом:

$('select[id ^= "usrControl"]:visible:disabled option').css("background-color", 'gray');

Рабочий пример здесь: http://jsfiddle.net/Cwm4W/1/

Answer 2

Я полагаю, вы ищете

$('select[id ^="usrControl":visible:disabled].each(...

Answer 3

Вы получаете только свойство CSS. Попробуйте это:

$(this).css( "property", "value" );