Как сделать фильтрацию, когда елементы в разных блоках?

Question

[LittleFatNinja]

помогите сделать такую фильтрацию, уже целый день ломаю голову, вообще не могу придумать как такое сделать
есть допустим такая разметка:

<ul>
   <li></li>
   <li class="hidden"></li>
   <li class="hidden"></li>
   <li></li>
</ul>
<ul>
   <li></li>
   <li></li>
   <li class="hidden"></li>
   <li></li>
</ul>

в итоге должно получится где то так:

<ul>
   <li></li>
   <li class="hidden"></li>
   <li class="hidden"></li>
   <li></li>
   <li></li>
   <li></li>
</ul>
<ul>
   <li class="hidden"></li>
   <li></li>
</ul>

то есть в блоке должно быть по 4 видимых елемента
возможно ли вообще такое реализовать?

Answer 1

[magazovski]

var lis = $('li').filter(':not(hidden)');
var uls = $('ul');

for (var i=0; i < lis.length; i++) {
    $(lis[i]).appendTo(uls[~~(i/4)]);
}

Можно пооптимизировать, но в целом работает как надо