JQUERY - id가 여러개인데 한번에 찾고 싶을때! ${}
$(Selector[attr])
value 동일한 개체 선택 $(Selector[attr="value"])
value와 불일치 하는 개체 선택 $(Selector[attr!="value"])
value로 시작하는 개체 선택 $(Selector[attr^="value"])
value 로 끝나는 값 선택 $(Selector[attr$="value"])
value가 포함하는 값 선택 $(Selector[attr*="value"])
value가 포함하는 값 선택 $(Selector[attr~="value"])
예)
$("input[id^='chk_mileage']") <- 태그가 input태그이고 id값이 chk_mileage으로 시작하는 개체 선택!
$("[id^='orgList_']")
전체 선택자 | ${"*"} | 모든 요소 |
아이디 선택자 | ${"#아이디"} | 해당 아이디를 가지고 있는 요소 |
클래스 선택자 | ${".클래스"} | 해당 클래스를 가지고 있는 요소들 |
요소 선택자 | ${"요소"} | 지정 요소명을 가지고 있는 요소들 |
그룹 선택자 | ${"선택1,선택2,선택3..."} | 선택1,선택2,선택3...으로 지정된 요소들 |
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>attributeContains demo</title>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<input name="apple">
<input name="pineapple">
<input name="applemango">
<input name="watermelon">
<script>
$( "input[name*='man']" ).val( "has man in it!" );
</script>
</body>
</html>
그런데 만약 아이디가 위와 같이 되어 있을때 apple이라는 단어가 들어간 요소들을 한번에 선택하고 싶을때 어떻게 해야할까?
id 뿐만 아니라 위에 적혀있는 선택자들 모두 사용이 가능하니 아래의 표를 참고하여 사용하자!
문법 {id[수식]내용} | 내용 |
$( "input[name='man']" ) | 해당 내용의 요소 선택 |
$( "input[name!='man']" ) | 해당 내용이 아닌 요소 선택 |
$( "input[name^='man']" ) | 해당 내용으로 시작하는 요소 선택 |
$( "input[name$='man']" ) | 해당 내용으로 끝나는 요소 선택 |
$( "input[name*='man']" ) | 해당 내용을 포함하는 요소 선택 |
$( "input[name~='man']" ) | 해당 내용을 포함하지 않는 요소 선택 |