Javascript jQuery UI-向div中的所有SelectMenu添加类

我正在尝试向特定div中的多个Jquery UI selectmenu元素添加一个类。这在

元素上似乎很好，但在Jquery UI元素上却不行

在我的示例中，我试图将前3个选择菜单的背景色设置为

#FF9999

，但不是第4个。但是，只有顶部的“选择”菜单被更改

我使用相同的方法将前3段的颜色改为蓝色，这确实有效

我正在使用

widget（）

方法访问通过jQuery添加的选择菜单

这是我的JSFIDLE：

HTML

Javascript

$('select').selectmenu();
$('#someID select').selectmenu('widget').addClass('rClass');
$('#someID p').addClass('bClass');

---

问题是

小部件

方法只返回第一个菜单中的按钮。要做到这一点，您需要遍历所有菜单

$("#someID select").each(function() {
    $(this).selectmenu("widget").addClass('rClass');
});

$('select').selectmenu();
$('#someID select').selectmenu('widget').addClass('rClass');
$('#someID p').addClass('bClass');

$("#someID select").each(function() {
    $(this).selectmenu("widget").addClass('rClass');
});