300x250
반응형
var mystring = "hello world test world";
var find = "world";
var regex = new RegExp(find, "g");
mystring.replace(regex, "<span class='highlight'>" + find + "</span>"); // highlight class
위와 같은 코드에 highlight 클래스를 꾸미는 css 만 작성하면 된다.
ex) .highlight { font-weight : bold; color:#FF0000; }
글 출처 : https://etobang.tistory.com/19
300x250
반응형
'Front-End > JavaScript' 카테고리의 다른 글
[JQuery] li 태그의 data 속성을 이용해서 정렬하는 방법(jquery sort() 함수 사용) (0) | 2023.02.10 |
---|---|
[JavaScript] datepicker 달력 생성하고 제어하기(단일달력, 연결된 달력) (0) | 2023.02.10 |
[JavaScript] 변수의 선언 방식(var, const, let) (0) | 2023.02.10 |
[JavaScript] 검색 기능 만들기 (0) | 2023.02.09 |