반응형
코드저장..
검색페이지를 만드는데
이번에는 주로하던 php 페이지가 아니라 java로 제작페이지여서
javascript로 검색결과에 검색어 표시를 해줘야했다
결과적으로는 크게 복잡하지않았다
search_filter();
function search_filter(){
var search = $('#searchKeyWord').val();
var sf_cnt = 0;
$(".sc_td").each(function () {
var regex = new RegExp(search,'gi');
$(this).html( $(this).text().replace(regex, "<span class='text-danger bold'>"+search+"</span>") );
sf_cnt = sf_cnt+1;
});
};
replace 함수를 사용하고있고
해당 구역에서 키워드 텍스트를 찾아서 span으로 한번 둘러싸주는 형식
순조롭게 적용되서 굳이었다
728x90
반응형
'프로그래밍 > javascript' 카테고리의 다른 글
ajax 로 파일 업로드하기 (0) | 2022.05.02 |
---|---|
javasrcipt 주소창 parameter 가져오기 (0) | 2022.04.13 |
kcaptcha 엑박에 관하여 (0) | 2021.11.25 |
그누보드 - 숫자가 0부터 올라가는 애니메이션 (0) | 2021.10.05 |
레이어 중복됐을시? scroll 스크롤 제어하기 (0) | 2021.04.02 |