如何根据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");
}

Answer 2

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