오늘 포스팅 할 내용은 인덱스를 이용한 요소 찾기다.
포스팅 하기 앞서 이러한 요소 찾기가 왜 필요한지 알아보자.
css로 정의하면 하나의 class명으로도 여러 태그들을 자신이 설정한 스타일로 맞출 수 있는 장점이 있다.
하지만 태그들을 각각 따로 어떠한 처리를 하고 싶다고 가정할 때,
어떻게 해야 할지 여간 난감한게 아니다. 하나의 방법으로는 id를 각각 써줘서 가져오는 방법도 있겠지만,
귀찮기도 하고 좋은 방법이 아니다.
그럴땐 .eq(index)란 요소찾기 메서드를 쓰면 된다.
아래 예시를 보자.
1234
1,2,3,4 각각 같은 class인 태그다. 이러한 태그들을 다루고 싶을땐,
이와 같이 인덱스를 이용해 가져 올 수 있다.
위에서 언급한 id로 일일이 가져오는 방법 보다는
후자와 같은 방법이 객체를 배열로 다 룰수 있어 활용성이 더 좋다.
'JavaScript' 카테고리의 다른 글
[JavaScript/TypeScript] 숫자 여부 판단 (1) | 2018.08.03 |
---|---|
TypeScript에서 JQuery 라이브러리 사용하기. (0) | 2018.01.08 |
제이쿼리로 만드는 이미지 슬라이더(Image-Slider) (1) (1) | 2016.01.20 |
제이쿼리 브라우져 알아내기. (0) | 2016.01.02 |
javascript & jquery 클릭이벤트 설정!! (0) | 2015.11.20 |
포스팅이 도움 되셨다면, 커피 한잔 후원해주세요!
더 좋은 포스팅 작성에 큰 힘이 됩니다.