В общем такой вопрос... есть несколько списков... Задача такая...в каждом списке посчитать <li> и на основе подсчитанных данных присвоить каждому свой класс
|
Код:
|
<ul class='nav'>
<li>Ссылка</li>
<li>Ссылка</li>
<li>Ссылка</li>
</ul>
<ul class='nav'>
<li>Ссылка</li>
<li>Ссылка</li>
</ul>
<ul class='nav'>
<li>Ссылка</li>
<li>Ссылка</li>
<li>Ссылка</li>
<li>Ссылка</li>
<li>Ссылка</li>
</ul> |
Скрипт
|
Код:
|
jQuery('.nav').children('li').each(function(){
if (jQuery(this).length = '2') { jQuery(this).addClass('2');}
else if (jQuery(this).length = '3'){ jQuery(this).addClass('3'); }
else if (jQuery(this).length = '4'){ jQuery(this).addClass('4'); };
}); |
Получается, что он присвает каждому <li> один класс.. А необходимо если в одном <ul> определенное колличество <li> он этим <li> присвоил свой класс и так для каждого <ul> списка
Т.е. в итоге должен получиться следующий код
|
Код:
|
<ul class='nav'>
<li class='3'>Ссылка</li>
<li class='3'>Ссылка</li>
<li class='3'>Ссылка</li>
</ul>
<ul class='nav'>
<li class='2'>Ссылка</li>
<li class='2'>Ссылка</li>
</ul>
<ul class='nav'>
<li class='5'>Ссылка</li>
<li class='5'>Ссылка</li>
<li class='5'>Ссылка</li>
<li class='5'>Ссылка</li>
<li class='5'>Ссылка</li>
</ul> |