data-* attribute는 사용하기에 따라 유용하게 활용할 수 있습니다. 


예로 아래와 같은 data-* attribute가 있다고 가정하겠습니다. 





2개의 data-* attribute를 설정해봤어요.


하나는 data-type

다른 하나는 data-sub-type 입니다. 






jQuery를 통해서 해당 data-* attribute를 파싱하는 방법은 아래와 같아요.







위 소스로 출력되는 결과는 아래와 같습니다. 



source code






data-* attribute를 하나 더 추가해봤습니다.

그리고 type을 찍어봤더니 아래와 같네요.




모두 string을 반환했네요.

필요하다면 casting을 해서 사용해야겠습니다. 


source code


+ Recent posts