동일한 li태그를 클릭 했을 때 다른 value 값을 가져올 때 사용하면 된다.
(onchange 등도 사용가능하다.)
Jquery 에 data() 를 이용하면 된다.
| <body> <div> <ul> <li data-cd="apple" class="litag">사과</li> <li data-cd="strawberry" class="litag">딸기</li> <li data-cd="banana" class="litag">바나나</li> <li data-cd="pear" class="litag">배</li> </ul> </div> </body> |
위와 같은 html 값이 있을 경우 litag 클래스 클릭 시 클릭 된 태그의 value 값을 가져오는건 간단하다.
| <script type="text/javascript"> $(document).ready(function(){ $('.litag').click(function(){ let eng_nm = $(this).data('cd'); console.log("eng_nm ::: " + eng_nm); }); }); </script> |
위와 같은 형태로 하면 된다.
참고로 태그안에 값은 임의로 사용해도 된다.
data-cd / data-nm / data-code 등등으로 data-"원하는 name" 입력 후
$(this).data("입력한 값") ;// data-code 로 입력했다면 'code' 로 입력
'WORK > JQUERY' 카테고리의 다른 글
| identifier '변수' has already been declared 원인 및 해결법 (1) | 2023.10.25 |
|---|---|
| 서로 다른 도메인의 window open 팝업 닫힘 체크 (0) | 2023.01.19 |
| 동적으로 js 파일 추가하기 (0) | 2022.08.01 |
| jquery 타이틀 변경하기 (0) | 2020.10.08 |
| readonly inputBox 값 변경시 onchange 효과 (0) | 2020.06.24 |