본문 바로가기
  • Front Developer.
배송리마인더앱 다운로드
코딩저장소

리스트에서 특정단어 찾아 노출하기

by 잠맹 2021. 12. 8.
728x90

간단한 리스트 검색기능을 구현할때

예전(아주 오래전)처럼 복잡하게 문자열을 찾는 스크립트나 정규식을 이용한 필요없이

제이쿼리의 :contains 선택자를 활용하여 지정된 문자열의 포함여부를 조회하여

아래와 같이 검색된 문자열의 리스트업을 구현할 수 있다.

 

See the Pen 특정단어 찾아 노출하기(keyup) by 장명호 (@jangmang) on CodePen.

 

 

 

 

참고문헌

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_contains

 

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser

www.w3schools.com

 

728x90
반응형

댓글