正規表現の条件に名前をつけてクラス名に使いたい

Question

###正規表現で使っている条件ごとに名前をつけたい
現在、jQueryを使用して、

• 指定した箇所のテキストに含まれる数字をspanタグで囲む
• ４桁ならば4桁、3桁ならば3桁ひとまとまりで囲む
• 桁数ごとに、クラス名を変えてspanに追加する

というプログラムを書いています。

###発生している問題・エラーメッセージ
まとまりごとにspanで囲むことには成功したのですが
クラス名を条件ごとに変化させる部分ができていません。

エラーメッセージ

###該当のソースコード

<script>
$(function(){
var log = $('.text > p').html();
console.log(log);
$('.text > p').each(function(){

var txt = $(this).html();
$(this).html(txt.replace
(/[0-9]{4}|[0-9]{3}|[0-9]{2}|[0-9]/g,'<span class="num$">$&</span>'));
});
});
</script>

###試したこと
現在は、正規表現の情報を色々と検索して、条件ごとに命名をする方法があるかを調べています。

###補足情報(言語/FW/ツール等のバージョンなど)

事情によりサーバーサイドの処理は不可となっています。
フロント側で処理するという制限があります。

より詳細な情報

Answer 1

replaceの機能のまとめを参考にこんな感じでどうでしょうか？

$(this).html(txt.replace(/[0-9]+/g,function() {
  return '<span class="num' + arguments[0].length + '">' + arguments[0] + '</span>';
});

Comments

[addonestep]

行いたいことが実現できました！ありがとうございます！