아래처럼 같은 name으로 여러개 값이 있을 경우, 이 값들을 배열에 담는 방법이 있다 먼저 다음 예제처럼 가져올 값들이 있다고 가정하면
자바스크립트
이렇게 배열에 담을 수 있다 보통 이름이 있을 때 $('select[id=""]').val("${defaultListRowCnt}"); 뭐 이런식으로 사용하는데 동적으로 생성되서 id나 name값이 여러개일때 Like검색처럼 id값을 찾을 수 있다. ^이걸 사용하는 경우 rowPerPage로 시작하는 id를 찾는것이고 $를 사용하는 경우 rowPerPage로 끝나는 id를 찾는것이다. $('select[id^="rowPerPage"]').val("${defaultListRowCnt}"); $('select[id$="rowPerPage"]').val("${defaultListRowCnt}"); 이렇게 !
jQuery에는 다양한 셀렉터들이 있다. 이걸 잘 사용하면 쉽게 jQeury 코딩이 가능하다 (Javascript도 사용가능) 이번 포스팅에서는 간단하게 예시로만 설명할것이다. 자세한 내용은 다음 파일을 받아서 보도록 하자 SELECTOR.zip (파일은 압축을 풀면 SELECTOR 폴더안에 index.html만 키면 모든 내용을 확인할 수 있다) 지금 부터 내가 설명하고자 하는 다중 셀렉터와 해당 속성의 값이 주어진 값으로 시작되면 선택 된다는 ^기호를
사용하는 것을 보여주고자 한다. 만약 다음과 같이 체크박스가 4개가 있다. 이 중에 1) Class가 CheckBox이며, 2) id가 Name이라는 문자열로 시작하는 input 박스를 체크하기를 원한다. 그렇다면, Jqeury 소스는 다음과 같아진다. $('input[id^="Name"][class="CheckBox"]').attr('checked', true); Name으로 시작하는 id CheckBox가 class : 두 조건을 모두 만족하는 input tag (다중 셀렉터) 하면
만 체크가 된다.
어떠한 선택자들이 같은 이벤트의 함수를 실행한다고 한다면 예를 들어 아래 예시를 보면 어떻게 작성하는지 더 쉽게 이해하실 수 있을 것 같네요. 예를 들어 클릭 이벤트를 여러개의 선택자로 묶고 싶다면 아래와 같이 작성하면 되겠습니다.
선택자로는 클래스명, 아이디명, 태그명으로 작성하여 선택할 수 있습니다. T없이맑은날jquery jquery 선택자 여러개, 요소 여러개 선택하기T없이맑은I 2013. 9. 9. 22:42 $(function(){ $("#e_sdate, #e_edate, #e_date_dang, .class, #id, input, span").datepicker({ showOtherMonths: true, selectOtherMonths: true, }); }); 컴마로 구분해줘서 사용하면 된다. 티스토리 뷰보통 이름이 있을 때
뭐 이런식으로 사용하는데 동적으로 생성되서 id나 name값이 여러개일때 Like검색처럼 id값을 찾을 수 있다. ^이걸 사용하는 경우 rowPerPage로 시작하는 id를 찾는것이고 $를 사용하는 경우 rowPerPage로 끝나는 id를 찾는것이다.
이렇게 ! |