jQueryは要素の後にワイルドカードの内容を含むテキストを取得し、それを移動します

Question

これはトリッキーなものかもしれませんが、誰かがそれを解決できるなら、私は非常に感銘を受け、非常に感謝します。

既存のマークアップ（変更することはできません。変更しないと簡単な問題になり、自分で解決できます！）：

<a title="1 topics" href="http://localhost/tags/amis/">amis</a> (1) 
<a title="2 topics" href="http://localhost/tags/amis/">amis</a> (2) 
<a title="1 topics" href="http://localhost/tags/amis/">amis</a> (1) 
<a title="3 topics" href="http://localhost/tags/amis/">amis</a> (3) 

やりたいことは、角かっこと値（[WILDCARD VALUE HERE]）を取得し、切り取り、<！> lt内に追加することです。 <！> gt; <！> lt;にラップされたタグ。スパン<！> gt;。

だからこれは私が求めていることです：

<a title="1 topics" href="http://localhost/tags/amis/">amis <span>(1)</span></a>

繰り返しますが、誰かが何かアイデアを持っているなら...ありがとう！

Answer 1

これを試してください

デモはこちら

$('a').each( function(){

   var $this = $(this);
   var textEl = this.nextSibling;
   var spanEl = $('<span />').text(textEl.data);
   $this.append( spanEl );
   $(textEl).remove();

});