웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
제이쿼리 선택자를 사용하여 요소를 찾는 방법 중 특정 텍스트가 특정 속성의 값, 앞 또는 뒤에만 있는 경우 어떻게 찾을 수 있을까요? 아래에서 그 방법을 알아봅니다.
제이쿼리 선택자는 매우 쉽게 요소를 찾을 수 있습니다. 만약 아래처럼 class 속성과 값을 가지는 경우 예를들어봅니다.
이때 is라는 클래스명을 가지고 있는 요소중 처음 또는 마지막에 일치하는 요소만 찾으려면 어떻게할까요?
이처럼 시작은 ^ 기호, 끝나는 경우는 $기호를 사용하여 찾을 수 있습니다. 이는 정규표현식에 사용되는 기호와 동일합니다.
제이쿼리 선택자는 매우 쉽게 요소를 찾을 수 있습니다. 만약 아래처럼 class 속성과 값을 가지는 경우 예를들어봅니다.
# 제이쿼리 속성 값의 시작 또는 끝과 일치하는 요소찾기
아래 세 태그는 각각 다른 class명을 가지고 있습니다.<span class="webis">1</span>
<span class="webfree">2</span>
<span class="isfree">3</span>
<span class="webfree">2</span>
<span class="isfree">3</span>
이때 is라는 클래스명을 가지고 있는 요소중 처음 또는 마지막에 일치하는 요소만 찾으려면 어떻게할까요?
var myEle = $('span[class^=is]');
// 세번째 요소만 반환
위 코드를 수행하면 is로 시작하는 class 속성값을 가진 요소만 반환합니다.// 세번째 요소만 반환
var myEle = $('span[class$=is]');
// 첫번째 요소만 반환
이 코드는 반대로 is로 끝나는 경우의 class 속성값을 가진 요소만 찾아서 반환합니다.// 첫번째 요소만 반환
이처럼 시작은 ^ 기호, 끝나는 경우는 $기호를 사용하여 찾을 수 있습니다. 이는 정규표현식에 사용되는 기호와 동일합니다.
아래의 글도 찾고 계시지 않나요?
