Как посчитать кол-во li в ul в каждом div?

Question

[nikkon82]

Есть фильтр:

<div class="sf-box">
    <div class="title"></div>
    <div class="content">
           <ul class="sf-ul">
                 <li>...</li>
           </ul>
    </div>
</div>
<div class="sf-box">
    <div class="title"></div>
    <div class="content">
           <ul class="sf-ul">
                 <li>...</li>
                 <li>...</li>
           </ul>
    </div>
</div>
<div class="sf-box"></div>
<div class="sf-box"></div>
<div class="sf-box"></div>

Как посчитать в каждом div с классом "sf-box" кол-во li в ul и если это кол-во меньше 2, то присвоить стиль display: block; - т.е. не показывать. Как вариант - можно присвоить div'у класс с кол-вом этих li (например, div class="sf-box item-li-1"), но как каждому div с классом "sf-box" это сделать?

Answer 1

[Alams Stoyne]

$('.sf-box').each(function(){	
	$(this).addClass('item-li-'+$(this).find('li').length);
});

Comments

[nikkon82]

спасибо!

Answer 2

[Виталий]

$('.sf-box').each(function(){
var _s = $(this);
if($(_s).find('li').length < 2){
$(_s).addClass('my_class'); // добавляет класс, с нужным CSS
}
});