特定の要素内の文字列から数字だけに、タグを挿入したい

概要

投稿をループで吐き出す仕様にて、文字の縦書きのＣＳＳを当てていますが、
数字だけ横になってしまいます。
その部分にタグなどを挿入して、text-combine-upright: all;を当てれば済むことなのですが、
投稿者が、タグの挿入もできないような状況ですので、普通に投稿したら、自動的に数字にだけタグが吐き出せるようにしたいのが趣旨です。

実現したいこと

hタグ内のテキストの数字部分にだけタグを挿入

例)　

html
1<h4 class="h4-txt">数字123にだけスパンタグを入れたいです</h4>
2
3<!-- jQueryで数字だけ取得、その数字にタグ挿入 -->
4
5<h4 class="h4-txt">数字<span>123</span>にだけスパンタグを入れたいです</h4>
6

###　試したこと

jQuery
1jQuery(function(){
2  var elem = document.getElementById("works-h");
3  var works_num = content_area.querySelector(".works--tit h4");
4  var stnum = works_num.replace(/[^0-9]/g, '');
5  elem.insertAdjacentHTML("<span>" + stnum + "</span>");
6});

指定している部分など、見た感じできないとわかってますが、
なかなかうまくできません。
そもそもこのようなことができるのでしょうか。

教えて頂けると幸いです。

行動規範の内容に同意します

回答1件

そやの〜
質問の要点として

与えられた文字列の中に含まれる連続する数字を、タグで囲んだ文字列を得たい。

ということなのであれば、とりまこないな感じでできまっせ。

javascript
1const text = 'あいうえお123かきくけこ456さしすせそ567たちつてと';
2
3const textWithDigitsSpans = text.replace(/[0-9]+/g, m => `<span>${m}</span>`);
4
5console.log(textWithDigitsSpans);  // => "あいうえお<span>123</span>かきくけこ<span>456</span>さしすせそ<span>567</span>たちつてと"
6