Javascript 自定义id下的selectmenu jquery

Javascript 自定义id下的selectmenu jquery,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经选择了使用jqueryui $function{ $number .选择功能表 。选择MenumuWidget .addClassoverflow; }; 字段集{ 边界:0; } 标签{ 显示:块; 利润率:30px0; } .溢出{ 高度:200px; } .ui菜单项{ 字体大小:粗体; } 选择一个数字 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15 16 17 18 19 您需要使用class.ui菜单项选择number之后的所有连续di

我已经选择了使用jqueryui

$function{ $number .选择功能表 。选择MenumuWidget .addClassoverflow; }; 字段集{ 边界:0; } 标签{ 显示:块; 利润率:30px0; } .溢出{ 高度:200px; } .ui菜单项{ 字体大小:粗体; } 选择一个数字 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15 16 17 18 19
您需要使用class.ui菜单项选择number之后的所有连续div元素。以下是选择器:

#number ~ div .ui-menu-item{
  font-weight: bold;
  color: white;
}
我发现它在selectnumber之后自动创建了一些元素

selectnumber中显示的选项位于该元素的ulnumber菜单中。您的id=number不是ui菜单项类的父级。 但是id=数字菜单

由于>是父选择器,您需要使用下面给出的数字菜单

#number-menu > .ui-menu-item{
  font-weight: bold;
}

在这里解决:

jqueryui生成新的dom元素,从而获得新的数字菜单


ID选择器应该以tagI edited post开头,因为某些原因,这一点很清楚tag@HikarunomemoryNope,因为它不起作用了。查一查@是啊,我发现我错了。谢谢。还有一个小问题,如果我在课堂上有这样的问题,我需要如何解决它。这里有一个链接,您不能这样做,因为select标记具有display:无,您的实际UI具有ul和li标记。这意味着您需要覆盖css,在本例中使用它们生成的类和ID,正如js中给出的那样;它被包装在jQueryUI控件中,所以如果您使用Inspect元素查看,您将看到该数字在jQueryUISELECT控件之外,就像包装器一样。我仍将尝试选择它。请立即尝试。
#number-menu > .ui-menu-item{
  font-weight: bold;
}
#number-menu .ui-menu-item{
    font-weight: bold;

}