하위 문자열 앞뒤에 요소 삽입

Question

javascript/jQuery에서 정규 표현식이나 다른 형식을 사용하여 요소 사이에 하위 문자열을 삽입하는 방법은 무엇입니까?

예를 들어

나는 다음과 같은 문자열이 있습니다

This is a string <span>015</span> with numbers <span>1486453</span> randomly <span>10</span> inserted between words <span>0954</span>

: 내 정규식은 모든 숫자를 찾을 경우

이

This is a string 015 with numbers 1486453 randomly 10 inserted between words 0954

, 결과는 다음을 것을

Answer 1

var testStr = 'This is a string 015 with numbers 1486453 randomly 10 inserted between words 0954';  
var result = testStr.replace(/(\d+)/gi, '<span>$1</span>'); 

Answer 2

var str = $el.text(); 
$el.html(str.replace(/\d+/g, "<span>$&</span>")); 

요소에 이미 html 노드가 포함되어 있으면 더 복잡해집니다. DOM 이터레이터를 빌드해야합니다 (this answer 참조).