<ul class = "list__group">
<% for (let i = 0; i<posts.length; i++) { %>
<li class = "list__main">
<p> 게시글 번호 : <%= posts[i]._id %></p>
<h4 id = "select" data-id = "<%= posts[i]._id %>"> 제목 : <%= posts[i].제목%></h4>
<p>날짜 : <%= posts[i].날짜%></p>
<button class = "delete" data-id = "<%= posts[i]._id %>">삭제</button>
<% } %>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
// 1. list(작성목록) 페이지에서
// 2. 해당 번호에 맞는 게시글 제목을 누르면
// 3. 해당하는 번호의 상세페이지로 이동시키기
for(let a = 0; a<select.length; a++) {
document.querySelectorAll('#select')[a].addEventListener('click',(e)=>{
location.href = `/detail/${e.target.dataset.id}`
})
}
<h4 id = "select" data-id = "<%= posts[i]._id %>"> 제목 : <%= posts[i].제목%></h4> 이렇게 데이터 아이디를 넣어서 해결하는 방법
이 방법 말고는 도저히 해결 방법이 안보여서 이렇게 했는데 괜찮을까요 ?
혹시 다른 더 방법이 있는지 궁금합니다
스크립트 안에는 <%= %> 쓸 수 있는지도 궁금합니다
