Cute Happy Ghost
본문 바로가기
Front/Javascript·Jquery

클릭한 li태그의 value값 가져오기, li태그의 value 문자일때 변환

by JENN_tech7 2022. 5. 11.
728x90
SMALL

 

<ul class="operate">
    <li class="all on" value="">
        <a href="#;">
            <h4>전체</h4>
            <p>140</p>
        </a>
    </li>
    <li class="sensitive" value="1">
        <a href="#;">
            <h4>민감 계층 이용 시설</h4>
            <p>30</p>
        </a>
    </li>
    <li class="traffic" value="2">
        <a href="#;">
            <h4>교통관련 시설</h4>
            <p>50</p>
        </a>
    </li>
</ul>

 

  $('.operate li').on('click', function(e) {
    	   
               console.log($(this).val());
       })

 

li태그의 value를 db에 저장된 공통코드와 맞게 SD233이런식으로 하려고했는데 자꾸 0만 가져왔다

알고보니 li태그의 value는 숫자만됨...

그래서 각각 숫자를 넣어주고 type변환하는 함수를 생성해서 호출시키는 형식으로 만듬

function parseType(type) {
    	   switch (type) {
    	   case 0:
    		   type = ''
    			   break;
    	   case 1:
    		   type = 'FT01'
    			   break;
    	   case 2:
    		   type = 'FT02'
    			   break;
    	   case 3:
    		   type = 'FT03'
    			   break;
    	   case 4:
    		   type = 'FT04'
    			   break;
    	   default:
    	   }
    	   return type;
       }
728x90
LIST

댓글