從jstl核心中添加<tr> id值的倍數

Question

我有一個servlet將我的項目${bookList}返回給我。這包含所有書籍的ID，名稱和創建日期。 因此，在我的表體中，我希望用戶能夠單擊名稱或創建的日期來檢索特定的書籍。如何在<tr id="">中添加<c:out value="${book.id }"/>，以便我可以添加JQuery事件來檢測任何點擊並獲取書的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

您可以嘗試如下：

<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的使用jQuery

data-book-id id是jQuery的側等於data('bookId')。

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