여러가지의 필터 요소를 사용해서 요소를 선택해야 하는 경우가 있습니다. 그럴때는 아래와 같이 하시면 됩니다.
원문 링크 
http://api.jquery.com/multiple-attribute-selector/
- jQuery('[attributeFilter1][attributeFilter2][attributeFilterN]')
- attributeFilter1 추출 속성
- attributeFilter2 선택 범위를 더 축소 시키는 또 다른 추출 속성 attributeFilterN 필요한 만큼 N개의 추출 속성을 정의할 수 있음
동일한 형태의 요소들이 많을 경우 그 범위를 줄이기 위해 이 방법을 사용할 수 있습니다. [name="value"][name2="value2"] 와 같이 대괄호([])안에 조건을 넣고 필요한 만큼 반복하시면 됩니다.
예 제
id 속성이 있는 input 태그를 찾은 뒤에 name 속성의 값에 "man"이라는 텍스트가 뒤쪽에 있는지 확인하여 "only this one" 이라는 문자를 value 에 세팅합니다.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
<input id="man-news" name="man-news" />
<input name="milkman" />
<input id="letterman" name="new-letterman" />
<input name="newmilk" />
<script>$('input[id][name$="man"]').val('only this one');</script>
</body>
</html>
미리보기
위 예제의 복합적인 선택자 사용하는 방법을 잘 보셨다가 필요한 곳에 응용해 보세요.
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
| jQuery API 정복 - ~이 아닌 요소 선택하기 : not (3) | 2011.02.16 |
|---|---|
| jQuery API 정복 - 다음 형제 요소 찾기 : next ~ siblings (6) | 2011.02.15 |
| jQuery API 정복 - 다음 요소 선택하기 : prev + next (5) | 2011.02.14 |
| jQuery API 정복 - 한번에 여러 요소 선택하기 : Multiple Selector (2) | 2011.02.14 |
| jQuery API 정복 - 마지막 자식 요소 찾기 : last (2) | 2011.02.12 |
| jQuery API 정복 - 마지막 자식 요소들 찾기 : last-child (2) | 2011.02.11 |
| jQuery API 정복 - 폼에 속한 input 들 선택하기 : jQuery(':input') (0) | 2011.02.11 |
| jQuery API 정복 - image 폼 요소 찾기 : jQuery(":image") (0) | 2011.02.10 |