jquery - 如何根据 li 标签的计数应用类？

Question

这是 HTML 的结构

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

如果有三个 UL，我想添加 三列 类。 两个 UL，然后两列

Answer 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");
}