일치하는 글자에 태크넣기..

졸려서 그랬나 쉬울 것 같았는데 시간이 너무 오래 걸렸다.

하려던 것은 

김영숙 010-1111-1111

김정희 010-2222-2222

김미정 010-3333-3333

이렇게 있고 , 내가 만일 '김'으로 검색을 했다면 목록에서

김영숙 010-1111-1111

김정희 010-2222-2222

김미정 010-3333-3333

이렇게 보이게. 

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

검색어가 '사과'이고 

사과김영숙 010-1111-1111

김사과정희 010-2222-2222

김미사과정 010-3333-3333

목록이 이렇게 있다면

사과김영숙 010-1111-1111

김사과정희 010-2222-2222

김미정사과 010-3333-3333

이렇게 보이게.

function SearchResult(returnValues,getSearchKeyword) {

//returnValues = 사과김영숙|010-1111-1111,김사과정희|010-2222-2222,김미사과정|010-3333-3333

//getSearchKeyword = 사과

var SearchKeyword = getSearchKeyword;

var result1 = returnValues.split(",");

var html=[],h=-1;

html[++h] = '<ul>';

for (var i = 0; i < result1.length; i++){//returnValues 를 ',' 를 기준으로 자른 후 개수

 var result2 = result1[i].split("|"); // 첫번째 자른 값(사과김영숙|010-1111-1111)을 다시 '|'를 기준으로 자름

 var name = ""; 

 var start = ""; 

 var end = ""; 

 if(SearchKeyword.length == 1) { 

 start = result2[0].search(SearchKeyword);//이게 시작 값 

 end = result2[0].search(SearchKeyword) + SearchKeyword.length ;//끝값은 시작값 + 검색어의 길이 * 

 

 for (var j = 0; j < result2[0].length; j++){ 

 if( parseInt(j) == parseInt(start) ){ 

 name = name + "<em>"+result2[0].charAt(j); 

 }else if(parseInt(j) == parseInt(end) ){

 name = name + "</em>"+ result2[0].charAt(j);

 }else{ 

 name = name + result2[0].charAt(j); 

 }

 } 

 if(SearchKeyword.length > 1) { 

 start = result2[0].search(SearchKeyword);//이게 시작 값 

 end = (result2[0].search(SearchKeyword) + SearchKeyword.length)-1 ;//끝값은 시작값 + 검색어의 길이 *

 

 for (var j = 0; j < result2[0].length; j++){ 

 if( parseInt(j) == parseInt(start) ){ 

 name = name + "<em>"+result2[0].charAt(j); 

 }else if(parseInt(j) == parseInt(end) ){ 

 name = name + result2[0].charAt(j)+"</em>";

 }else{ 

 name = name + result2[0].charAt(j); 

 }  

 }

  }

html[++h] = '   <li><input type="radio" name="family" /><label>'+name+'<span>'+result2[1]+'</span></label></li>';

  

}

html[++h] = ' </ui>';

 $('div.output-family-list').html(html.join(""));

}