在JQuery中设置选择选项的背景颜色

我有一个包含多个选择框的页面，如下所示：

 --------- Online Offline Unknown  

这些是在django中自动生成的，因此无法将css类，id或属性直接应用于选项。 select元素包含’item-0-status’，’item-1-status’，’item-2-status’等ID。

如何使用select元素的id将css颜色添加到选项中？

我试着在这里遵循代码： 如何在jQuery的SELECT元素中选择特定选项？

这导致我做了，例如以下将“离线”选项设置为红色：

 $('select[id$=-status][id^=id_item-]').children().find('option[value="2"]').css('background-color','#FF0000'); 

但这没有效果。

我怎样才能做到这一点？ 我发现浏览器对此的支持各不相同，但这不是问题。 出于这个问题的目的，在Firefox 3.6中工作就足够了。

Answer 1

虽然应该工作但应该注意我不太确定。

 $(function(){ $('#id_item-0-status').children().each( function (){ if($(this).val() == 2){ $(this).css({'background':'red'}); } } ); }) 

Answer 2

你有一个错字。

它应该是背景色。 你错过了’r’