<tr>의 배수를 jstl 코어의 id 값

Question

에 추가합니다. ${bookList}을 반환하는 서블릿이 있습니다. 여기에는 모든 책의 ID, 이름 및 만든 날짜가 포함됩니다. 내 테이블 본문 내에서 사용자가 특정 도서를 검색하기 위해 이름이나 생성 된 날짜를 클릭 할 수 있기를 바랍니다. 어떤 클릭을 감지하고 책의 ID를 얻기 위해 JQuery 이벤트를 추가 할 수 있도록 을 <tr id=""> 안에 추가하는 방법은 무엇입니까?

<tbody id="booktablebody"> 
    <c:forEach items="${bookList}" var ="book"> 
     <tr id="'"+<c:out value="${book.id }"/>+"'"> 
      <td><c:out value="${book.bookName}" /></td> 
      <td><c:out value="${book.createdDate }" /></td> 
     </tr> 
    </c:forEach>  
</tbody> 

Answer 1

다음과 같이 시도 할 수 있습니다 : jQuery를

data-book-id와

<tr data-book-id="<c:out value="${book.id}"/>"> 
    <td><c:out value="${book.bookName}" /></td> 
    <td><c:out value="${book.createdDate }" /></td> 
</tr> 

가져 오기 TR의 ID가 jQuery를 측 data('bookId')과 같다.

$("#booktablebody").on('click','tr',function(){ 
    var id = $(this).data('bookId'); 
});