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

속성을 data-job-cd 로 지정한 후 console에 출력.

<c:forEach items="${resultInfo}" var="resultInfo" varStatus="status">
    <button class = "test" data-job-cd = "${resultInfo.jobCd }">
       TEST BUTTON
    </button>
</c:forEach>

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

속성을 data-jobCd 로 지정한 후 console에 출력

<c:forEach items="${resultInfo}" var="resultInfo" varStatus="status">
    <button class = "test" data-jobCd = "${resultInfo.jobCd }">
       TEST BUTTON
    </button>
</c:forEach>

console.log( $(this).data('jobCd') );  //undefined
console.log( $(this).data('jobcd') );  //정상출력
console.log( $(this)[0].dataset.jobcd );  //정상출력
console.log( $(this)[0].dataset.jobCd );  //undefined

• data속성명에 camelCase를 사용할 경우 유의해야 함.