如何根据 li 标签的 Count 应用类？

【问题标题】：How to apply class as per the Count of the li tag?如何根据 li 标签的 Count 应用类？
【发布时间】：2010-01-29 19:56:40
【问题描述】：

这是 HTML 的结构

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

如果有三个 UL 我要添加 three-col 类。两个 UL 然后 two-col

【问题讨论】：

标签： jquery html css

【解决方案1】：

使用 Jquery，$(".submenu > ul").size() 为您提供计数。

这将在带有类子菜单的 div 上设置类：

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

【讨论】：

【解决方案2】：

$(function(){
  $(".submenu").addClass(
    ($(".submenu ul").size() == 2) ? "two-col" : "three-col"
  );
});

【讨论】：