[Jquery] Html div 태그에 Value 값 가져오기.

* 개발 시 참고를 위해 작성한 글입니다. 잘못되거나 부족한 내용이 있으면 피드백 부탁드립니다.

 

작업 개요 

 

"조회 화면 -> Controller -> 상세/등록 화면"  이루어지는 과정에서 상세/등록화면에는 특정 사용자만 버튼이 보이게끔 작업이 필요한 상황. 이미 상세랑 등록은 화면에 따라 차이를 둔 상황을 작성하 내용입니다.

 

애플리케이션내 코드  ( Controller -> View 응답 오는 값 {"MST_YN" : "담당사용자" } )

<div id="mstyn" th:value="${MST_YN}">
     <button type="button" id="updateBtn">
 <button type="button" id="registBtn">
</div>


<script>
$(document).ready(function() {
    var mstYn = $("#mstyn").attr("value); 
    setMstYn(mstYn);
});

function setMstYn(val) {
    if( val == '담당사용자' ) {
              $("#updateBtn").show();
              $("#registBtn").show();
     } else {
               $("#updateBtn").hide();
               $("#registBtn").hide();
      }
   }
</script>

결론 

Jquery에서 해당 식별자에 Value 값을 가져오는 경우 $("#식별자").val()로 가져오나 div 같은 경우는 attr("value")를 사용해야 값을 가져오는것을 알 수 있다.

 

감사합니다.