jQuery를 사용하여 텍스트 영역 내부에있는 URL의 하위 도메인 변경

Question

텍스트가 들어있는 페이지에 URL이있는 코드를 복사하여 붙여 넣습니다. exmaple에 대한

:

<textarea><a href="http://anything.domain.com/x/5">something</a></textarea> 
<textarea><a href="http://anything.domain.com/x/3">something</a></textarea> 

나는 또한 페이지의 모든 텍스트 영역 내부의 하위 도메인을 변경의 의도와 하위 도메인 옵션의 무리와 함께 드롭 다운을 보유하고 있습니다.

예컨대

<select class="changeLinks"> 
    <option value="www">www.domain.com</option> 
    <option value="somethingelse">somethingelse.domain.com</option> 
</select> 

방법이 텍스트 영역을 통과하는 단지 하위 도메인의 텍스트를 업데이트? 나는이 기능을 테스트하지 않았습니다

var text = $("textarea").each(function(){ 
    $(this).text($(this).text().replace(/<a href="http:\/\/\w+\.domain\.com(.*?)">(.*?)<\/a>/gi, "<a href=\"http://"+subdomain+".domain.com"+$1+"\">"+$2+"</a>")); 
}); 

을하지만, 그것을 작동합니다 :

$('.changeLinks').change(function(){ 

    var subdomain = $(this).val(); 

// *blank* some sort of find and replace function which replaces whatever is after the http:// and before the first decimal with the var subdomain 


}); 

Answer 1

당신은 찾아 텍스트의 모든 링크를 대체하는 정규 표현식을 사용할 수 있습니다. 약간의 조정과 버그 수정이 필요할 수 있습니다.