如何使用js将一段文字中的全角字符和半角字符区分开并用<span>包裹起来？

Question

比如这里有一段文字：

<div id="content">
    <p>中Mìng-dĕ̤ng-ngṳ̄ Mir日本語an국dés, Bân-lâm-gú / Hō-ló-oē文，한국어，日,本1+2=3!@#語。</p></div>

现在的需求是，经过处理后，这段文字变成这样：

<div id="content">

    <p><span class="full">中</span><span class="semi">Mìng-dĕ̤ng-ngṳ̄ Mir</span><span class="full">日本語</span><span class="semi">an</span><span class="full">국</span><span class="semi">dés, Bân-lâm-gú / Hō-ló-oē</span><span class="full">文，한국어，日</span><span class="semi">,</span><span class="full">本</span><span class="semi">1+2=3!@#</span><span class="full">語。</span></p>

</div>

就是将连续的半角字符和全角字符分别用<span>包裹起来，只不过全角字符的class为"full"，半角为"semi"。

请问有什么好办法解决吗？