javascript - JQueryはクローン後に全体をラップします

Question

最初にjsfiddleを参照してください

JSFIDDLE

ソース構造を変換する必要があります

<div class="out">
 <a>im here</a>
 <a>to save</a>
 <a>our</a>
 <a>country</a>
</div>

の中へ

<div class="newout">
    <ul>
        <li class="haha">
            <a>im here</a>
            <span><a>im here</a></span>
        </li>
        <li class="haha">
            <a>to save</a>
            <span><a>to save</a></span>
        </li>
        <li class="haha">
            <a>our</a>
            <span><a>our</a></span>
        </li>
        <li class="haha">
            <a>country</a>
            <span><a>country</a></span>
        </li>
    </ul>
</div>

つまり、次の手順を実行する必要があります。

• 1.クローンaタグ
• 2.spanタグで包む
• 3.前のaタグに追加
• 4.以前のタグをタグにラップしli、クラスを追加します
• ul5.次に、前のすべての要素をタグにラップします

JQuery を使用して STEP4 を実装する方法がわかりません。これらのタグを取得してラップを追加する方法がわかりません。

どうもありがとう！