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

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)]);
}

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