[자바스크립트, 제이쿼리]앞머리, 특정 단어로 시작하는 객체 select

안녕하세요.

자바스크립트(javascript), 제이쿼리(jquery) 선택자에 대해 포스팅하겠습니다.

일반 선택자

$(.class) = 클래스 선택자

$(#ID)    = id 선택자

$(input:[name='name 값'])

뭐 이런식 등등 으로 선택자를 사용 하실겁니다.

이러한경우는 class, id, name 값이 한 단어로 이루어질 경우에 사용합니다.

그렇다면

<div class="td_1" />

<div class="td_2" />

<div class="td_3" />

<div class="td_4" />

이러한 경우에 div를 어떻게 선택할까요?

제가 매번 잊어 버리기위해... 적어 놓겠습니다.

element[속성~=값]: 해당 값이 특정 단어로 시작

element[속성^=값]: 특정 값으로 시작하는 객체

element[속성$=값]: 특정 값으로 끝나는 객체

element[속성*=값]: 특정 값을 포함하는 문서 객체

이러한 형식으로 적어 사용할 수 있습니다.

제가 실제로 사용한 예제 입니다.

$("tr:[class^='td_']").each(function(index,element){
				
				//코드 작성
				
			});

이런 식으로 작성하여 컨트롤 하였습니다.

<tr> 태그 중에서 class명 앞자리가 td_로 시작하는 것들을 선택하여 컨트롤 하였습니다.

이러한 것들이 있구나 ~ 라고 생각하시고

필요할때마다 쓰시면 유용할 것입니다.

감사합니다.