2017-12-18 218 views
0

我有一个servlet将我的项目${bookList}返回给我。这包含所有书籍的ID,名称和创建日期。 因此,在我的表体中,我希望用户能够单击名称或创建的日期来检索特定的书籍。如何在<tr id="">中添加<c:out value="${book.id }"/>,以便我可以添加JQuery事件来检测任何点击并获取书的ID?从jstl核心中添加<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> 

回答

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'); 
});