[javascript/jQuery] 속성이 특정 문자로 시작하는, 끝나는, 포함하는 요소 가져오기(선택자)

id, class, name 등의 속성이

특정 문자로 시작하는, 끝나는, 포함하는 요소 가져오기

 

---

 

 

 

우선 속성 값이 특정문자로 '시작하는' 요소를 가져오는 예시입니다.

 

<input type="text" name="box_1"/>
<input type="text" name="box_2"/>

 

위와 같이 요소가 2개 있을때, javascript에서 "box" 로 시작하는 요소를 모두 가져오려면 아래와 같이 사용하면됩니다.

 

$("input[name^=box]")

 

이 때, name이 아닌 id, class 를 사용하더라도 사용법은 동일합니다.

 

$("input[id^=box]")
$("input[class^=box]")

 

 

동일한 방식으로. 속성값이 특정 문자로 끝나는, 포함하는 경우에는 

^=가 아닌 $=, *= 를 써서 적용할 수 있습니다.

 

 

$("input[name^=box]")
$("input[name$=box]")
$("input[name*=box]")

 

 

 

표로 정리하면 아래와 같습니다.

 

 

~로 시작하는	$("선택자[속성^=값]")
~로 끝나는	$("선택자[속성$=값]")
~를 포함하는	$("선택자[속성*=값]")