728x90 반응형 contains1 [jQuery] 특정 문자열 포함 요소 선택하기: 실시간 검색 페이지 만들기 예제 이번 포스팅은 제이쿼리와 정규식을 활용하여 검색을 하면, 실시간으로 검색내용과 일치하는 메뉴만 보여주는 페이지를 만들어 보도록 하겠습니다. 이번 코딩에서 핵심은 :contains()를 사용하여 내가 입력한 검색어와 동일한 내용을 가진 요소를 찾아내는 것입니다. 위의 이미지처럼 검색창에 찾고 싶은 내용을 검색하면 검색한 내용과 일치하는 글을 형광색으로 하이라이트 처리하고,어떤 탭에 몇 개의 일치하는 결과를 가지고 있는지 해당 탭을 통해서 보여주게 합니다. html 코드 작성 먼저 화면으로 보일 html 코드를 작성해 보겠습니다.CSS는 취향에 맞게 style 태그를 통해 만들어보세요. 🔎 질문 탭 1.. 2023. 12. 13. 이전 1 다음 728x90 반응형
