Как применить класс согласно количеству тегов 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

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

Answer 2

Используя Jquery, $(".submenu > ul").size() дает вам счет.

Это установит класс в div с подменю class:

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