본문 바로가기
Front-End/JSP, Thymeleaf

HTML, data- 속성

by doriver 2024. 7. 4.

HTML 요소에 커스텀 데이터를 저장하기 위해 사용되는 data- 속성
이 속성은 JavaScript를 통해 접근할 수 있으며, 일반적으로 특정 요소에 관련된 데이터를 저장할 때 사용

 

data속성의 post-id 에 게시물의 ID를 저장

<a href="#" class="likeBtn" data-post-id="${postWithOthers.investPost.id }">

 

data속성중 post-id의 값을 가져오는거

$(".likeBtn").on("click", function(e) {
	var postId = $(this).data("post-id");
    ~
});

'Front-End > JSP, Thymeleaf' 카테고리의 다른 글

[ 타임리프 ] 문법 정리 02  (0) 2025.01.09
[ 타임리프 ] 문법 정리 01  (0) 2024.07.05
springBoot에서 타임리프 default 세팅  (0) 2024.05.21
[타임리프] th:each 문  (0) 2024.04.29
<form> http요청 , id ,name속성  (0) 2024.04.24