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"></div>
CSS
/*
確認用css
外部のリンクだけ赤にする
*/
a[target="_blank"] {
color: #f00;
}
JavaScript
(function ($) {
$(function () {
//3つ目の要素だけ_blankをつける
$("nav li:nth-child(3) a").attr("target", "_blank");
});
})(jQuery);