자바 스크립트 대체() 함수를 사용하여 여러 단어를 대체하는 방법?

Question

여기 내 코드입니다 :

  var keys = keyword.split(' '); 
     //alert(keys); 
     for(var i=0; i<keys.length; i++) 
      { 
      var re = new RegExp(keys[i], "gi"); 
      var NewString = oldvar.replace(re, '<span style="background-color:#FFFF00">'+keys[i]+'</span>'); 
      document.getElementById("wordlist").innerHTML=NewString; 
      alert(keys[i]); 
      } 

하지만 여기에 문자열을 넣으면 "a b"; 두 개의 문자 "a"와 "b" 로 나뉘며이 대체 함수는 "a"를 대체하지만 "b"를 얻으면 "b"만 덮어 쓰게됩니다. 하지만 "a"와 "b"를 모두 강조하고 싶습니다. 이 문제를 해결하는 방법 ? 다른 문제가 있습니다. 바꾸거나 강조하면 HTML 태그의 "a"와 "b"를 모두 바꿉니다. 그래서, 그 HTML 태그를 대체하는 것을 방지하는 방법. 또한 전체 텍스트를 표시 할 때 모든 HTML 태그

이 필요합니다.

Answer 1

당신은 실제로 하나의 정규식은 다음과 같이 대체 할 수 :

var re = new RegExp(keys.join("|"), "gi"); 
oldvar = oldvar.replace(re, replacer);   
document.getElementById("wordlist").innerHTML = oldvar; 

function replacer(str) 
{ 
    return '<span style="background-color:#FFFF00">' + str + '</span>'; 
} 

예 - http://jsfiddle.net/zEXrq/1/

무엇 모든 단어를 일치합니다 |로 구분 하나의 정규식에 모든 키를 병합되어하고있다 그 다음 매치에서 replacer 함수를 실행합니다.

예 2-http://jsfiddle.net/zEXrq/2/

Answer 2

var keys = keyword.split(' '); 
    //alert(keys); 
    for(var i=0; i<keys.length; i++) 
     { 
     var re = new RegExp(keys[i], "gi"); 
     oldvar = oldvar.replace(re, '<span style="background-color:#FFFF00">'+keys[i]+'</span>'); 
     document.getElementById("wordlist").innerHTML=oldvar; 
     alert(keys[i]); 
     } 

편집이 필요합니다 항상에만 마지막 applyied되는 대체 루프를 durring oldvar이 변경되지 않도록 분명한 것 같다. 모든 단어를 바꾸려면 "oldvar"를 변경해야합니다.

Answer 3

동일한 var에 대한 작업을 수행해야합니다. 루프 외부에서 oldvar를 가져 오지만 변경된 내용을 oldvar로 가져 오지 마십시오. 따라서 마지막 반복 (내용 만)이 내용을 대체합니다.

Answer 4

당신은 각 반복에서 (이 코드에서 선언되지 않은) 변수 oldvar에 replace를 호출하고, 따라서 같은 지점에서 시작하고 - 비 강조 문자열 -마다. 모든 코드를 보지 못한 채로 var NewString =을 oldvar = 및 .innerHTML=NewString으로 바꾸는 것이 .innerHTML=oldvar으로 바꾸는 것이 문제를 해결할 것입니다.