문자열을 찾아서 em 태그로 강조하기

// 문자열을 찾아서 em 태그로 강조하기 
// 문자열을 찾아서 em 태그로 강조하기
// 문자열을 찾아서 em 태그로 강조하기

function word_matching(origin_text, search_text)

{

    var str1 = origin_text.toUpperCase(); // 원문을 대문자로 

    var str2 = search_text.toUpperCase(); // 찾을문자열을 대문자로

    

    var pos = str1.indexOf(str2); // 시작위치 

    var pos_size = str2.length; // 찾을 문자열의 길이

    

    var cut1 = origin_text.substr(0, pos);

    var cut2 = origin_text.substr(pos, pos_size);

    var cut3 = origin_text.substr(pos+pos_size);

    

    if($.trim(str2) == $.trim(cut2)) {

        result_text = cut1+"<em>"+cut2+"</em>"+cut3;

    }else{

        result_text = origin_text;

    }

    return result_text;

}

 

 

 

var origin_text = "우리 사이트는 UISUNG.COM 입니다.";

var search_text = "uisung";

var result_text = "";

 

result_text = word_matching(origin_text, search_text);

 

// 결과 출력

console.log("원문 : ", origin_text);

console.log("검색 : ", search_text);

console.log("결과 : ", result_text);

 

 

---------------------------------------------------------------------------------------------------------------------

결과

 

 

 

 

 

 

 

indexOf()함수가 핵심이다. 

 

요구사항은 대소문자 구분 없이 매칭되는 것이다. 

일단 대문자로 모두 변환 후 위치를 찾고 문자열의 길이만큼

자른 다음 em 태그로 감싸주었다.