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

Есть фильтр:

<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" это сделать?