JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <ul>
        <li> <a href="#">テスト1</a>

        </li>
        <li> <a href="#">テスト2</a>

        </li>
        <li> <a href="#">テスト3</a>

        </li>
        <li> <a href="#">テスト4</a>

        </li>
        <li> <a href="#">テスト5</a>

        </li>
    </ul>
</nav>

<div class="mes"><ul></ul></div>

CSS

/*
    確認用css
    外部のリンクだけ赤にする
*/
a[target="_blank"] {
    color: #f00;
}

JavaScript

(function ($) {
    $(function () {
        //3つ目の要素だけ_blankをつける
        $("nav li:nth-child(3) a").attr("target", "_blank");
        
        //htmlを出力
        $("nav li a").each(function (i, value) {
            var result = [];
            result.push( $(this)[0].outerHTML );
            //console.log(result);
            
            $.each(result, function( key, value) {
                $("<li></li>").text(value).appendTo(".mes ul");
            });
            
        });
    });
})(jQuery);