Как использовать jquery addclass на родительской ul путем подсчета li?

Question

Мне нужно добавить класс на мой родительский ul по счету li onload. вот пример моей ul li.

например, подсчитать внутри внутри подменю и добавить класс.

или что-то еще имя класса, которые определяют количество Li.

<ul> 
 
    <li><a href="#">top 1st menu</a> 
 
     <ul> 
 
     <li><a href="#">sub menu</a></li> 
 
     <li><a href="#">sub menu</a></li> 
 
     </ul> 
 
    </li> 
 
    <li><a href="#">top 2nd menu</a> 
 
     <ul> 
 
     <li><a href="#">sub menu</a></li> 
 
     <li><a href="#">sub menu</a></li> 
 
     <li><a href="#">sub menu</a></li> 
 
     <li><a href="#">sub menu</a></li> 
 
     </ul> 
 
    </li> 
 
</ul>

надеюсь, что его в чистоте. если нет, пожалуйста, дайте мне знать, я предоставил скриншот, чтобы очистить больше.

спасибо

Answer 1

Попробуйте это:

$("ul").addClass(function() { 
    return ' ' + $(this).find(">li").length; //Change the class accordingly. 
    }); 

Демо: http://jsfiddle.net/GCu2D/1467/

С приставкой:

$("ul").addClass(function() { 
    return 'sub' + $(this).find(">li").length; //Change the class accordingly. 
    }); 

Демо: http://jsfiddle.net/GCu2D/1466/

Answer 2

вы можете петлю через ул и найти литий

$("ul").each(function (a, b) { 
     if (!$(this).hasClass("nav")) { 
      $(this).addClass("Sub" + String(b.children.length)); 
     } 
    });