JavaScript를 사용하여 결과에서 검색 키워드 강조 표시

Question

Google 검색과 같이 내 응용 프로그램에서 결과를 강조 표시하려고합니다.

어떻게 일부 HTML 서식 앵커 태그 값을 대체합니까?

HTML과 자바 스크립트 코드 :

function createHtmlForCasting(response, key) { 
    $.each(response, function (index, value) { 
     var div = document.createElement("span"); 
     div.innerHTML = value.EventTitle; 
     var arr = new Array(); 
     var div = document.createElement("span"); 
     div.innerHTML = value.EventTitle; 
     var arr = new Array(); 
     arr = key.split(" "); 
     for (var i = 0; i < arr.length; i++) { 
      if (div.innerHTML.indexOf(arr[i]) > -1) { 
       div.innerHTML.replace(arr[i], "<b>" + arr[i] + "</b>") 
      } 
     } 
    } 
    } 
$("#DivCasting").append("<a href='" + SiteUrl + "Job/" + value.EventID + "/" + CastingTitle + "' ><span>" + div.innerHTML + "</a></span>"); 

Answer 1

이 시도 : 나는 결과에 검색 키워드를 강조 구글 검색처럼 원하는

: 여기

는 HTML 본문 텍스트입니다 자바 스크립트를 사용하는 내 응용 프로그램 .. 앵커 태그를 사용하는 방법우리가 다음 단어를 '를 사용하여 '을 강조 할

및 일부 HTML 서식값은 .. 당신은 jQuery를 함께이 시도 할 수 있습니다;

$(function() { 
    var textToReplace = $('body').html(); 
    textToReplace = textToReplace.replace(/using/g,'<strong>using</strong>'); 
    $('body').html(textToReplace); 
}); 

그것은이 같은 출력 할 줄 것이다 :

내가 자바 스크립트를 사용하여 내 응용 프로그램 에서 결과의 검색 키워드를 강조 구글 검색처럼 원하는을 .. 어떻게 앵커를 교체를 사용하여 태그 일부 html 형식의 값.