Jquery 如何根据li标记的计数应用类?

Jquery 如何根据li标记的计数应用类?,jquery,html,css,Jquery,Html,Css,下面是HTML的结构 <div class="submenu"> <ul> <li></li> <li></li> </ul> <ul> <li></li> <li></li> </ul> <ul> <li></li> <li></li>

下面是HTML的结构

<div class="submenu">
<ul>
<li></li>
<li></li>
</ul>
<ul>
    <li></li>
    <li></li>
    </ul>
<ul>
    <li></li>
    <li></li>
    </ul>
</div>

如果有三个UL,我想添加三个col类。 然后使用Jquery,
$(“.submenu>UL”).size()提供计数

这将在带有class子菜单的div上设置class:

var count = $(".submenu > ul").size();
if(count == 3)
{
  $(".submenu").addClass("three-col");
}
else if(count == 2)
{
  $(".submenu").addClass("two-col");
}
使用Jquery,
$(“.submenu>ul”).size()
为您提供计数

这将在带有class子菜单的div上设置class:

var count = $(".submenu > ul").size();
if(count == 3)
{
  $(".submenu").addClass("three-col");
}
else if(count == 2)
{
  $(".submenu").addClass("two-col");
}