문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

===== data-* 속성의 값 출력하기 =====
>속성을 data-job-cd 로 지정한 후 console에 출력.
<code html>
<c:forEach items="${resultInfo}" var="resultInfo" varStatus="status">
    <button class = "test" data-job-cd = "${resultInfo.jobCd }">
       TEST BUTTON
    </button>
</c:forEach>
</code>

<code javascript>
console.log( $(this).data('jobCd') );  //정상출력
console.log( $(this).data('jobcd') );  //정상출력
console.log( $(this)[0].dataset.jobcd );  //정상출력
console.log( $(this)[0].dataset.jobCd );  //정상출력
</code>\\


>속성을 data-jobCd 로 지정한 후 console에 출력
<code html>
<c:forEach items="${resultInfo}" var="resultInfo" varStatus="status">
    <button class = "test" data-jobCd = "${resultInfo.jobCd }">
       TEST BUTTON
    </button>
</c:forEach>
</code>

<code javascript>
console.log( $(this).data('jobCd') );  //undefined
console.log( $(this).data('jobcd') );  //정상출력
console.log( $(this)[0].dataset.jobcd );  //정상출력
console.log( $(this)[0].dataset.jobCd );  //undefined
</code>
  * data속성명에 camelCase를 사용할 경우 유의해야 함.

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구