<DIV> 태그로 만든 테이블에 jQuery contains() 메서드를 사용하여 검색 기능 설정하는 방법
간혹 웹 페이지를 만들어야하는 업무를 할때가 있는데 기존에 , , 태그를 사용하여 제작된 페이지를 태그로 변환하는 작업을 하게되었습니다. 태그로 재구성한 테이블에 검색 기능을 구현하기 위해 구글링하다 jQuery 에 있는 contains() 메서드를 사용하면 검색할 문자열을 포함하고 있는 요소를 선택하여 속성값을 제어하여 보여주거나 숨길 수 있다는 정보를 확인하고 예제 코드를 수정하여 적용 했습니다. 자바스크립트 코드를 웹페이지 안에 바로 넣거나 js 파일 형태로 외부참조 하면 됩니다. 코드를 풀어서 설명해보면 검색 입력을 받을 ID 가 "str" 인 INPUT 박스에 키보드 입력이 있으면 검색 루틴이 실행되고 입력된 값을 "key" 변수에 저장합니다. 그리고 ID 가 "table_list"인 태그로 묶..
카테고리 없음
2023. 12. 4. 20:30