javascript - .after() を使用して HTML の終了タグと開始タグを追加する

Question

</ul><ul>リストの中間点を見つけてその後に追加することにより、順序付けられていないリストを2つの列に分割しようとしてい</li>ます。これはこれを行うには完全に間違った方法かもしれませんが、それは私が考えた方法です。私のjsは次のようになります：

$('.container ul').each(function(){

    var total = $(this).children().length;
    var half = Math.ceil(total / 2) - 1;
    $(this).children(':eq('+half+')').after('</ul><ul>');

});

私が抱えている問題と私が理解できないのは、 .after() がタグと出力の順序を逆にしているということです:

<ul>

<li><a href="#">link</a></li>

<li><a href="#">link</a></li>

<li><a href="#">link</a></li>

<ul></ul>

<li><a href="#">link</a></li>

<li><a href="#">link</a></li>

</ul>

これを行うためのより良い方法があれば教えてください。.after() がタグの順序を逆にする理由を知りたいです。ありがとう