在具体li与jq之后关闭并打开UL后退

Question

我有PHP函数，它生成complected数据库驱动的li（父子）元素，它工作得很好。

它的输出类似于

<ul>
    <li id="cat_li_10" class="cat_li master_cat"> other elements inside </li>
    <li id="cat_li_9" class="cat_li master_cat"> other elements inside </li>
    <li id="cat_li_7" class="cat_li master_cat"> other elements inside </li>
    <li id="cat_li_6" class="cat_li master_cat"> other elements inside </li>
</ul>

我希望将我的li显示在彼此相邻的4列而不是一个长列中，因为PHP函数生成代码而我不想更改它，我决定使用jQuery来操作html代码之后，这是我的jQuery代码

$(document).ready(function(e) {
    var length = Math.round(Number($('.master_cat').length) / 4 );
    var c = 0 ;
    $('.master_cat').each(function(index, element) {
        c++;
        if(c%length == 0 ){
            $(this).after('</ul><ul>');
        }
    });
});

但是它向后而不是关闭/打开UL我得到打开/关闭

<ul class="category_ul">
<li id="cat_li_10" class="cat_li master_cat"> stuff </li>
<li id="cat_li_9" class="cat_li master_cat"> stuff </li>
<li id="cat_li_8" class="cat_li master_cat"> stuff </li>
<ul></ul>
<li id="cat_li_7" class="cat_li master_cat"> stuff </li>
<li id="cat_li_6" class="cat_li master_cat"> stuff </li>
</ul>