我有一个servlet,它返回${bookList}
项目。这包含所有书籍的ID,名称和创建日期。因此,在我的表体内,我希望用户能够单击名称或创建日期来检索特定的书。如何在<c:out value="${book.id }"/>
中添加<tr 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>
你可以尝试如下:
<tr data-book-id="<c:out value="${book.id}"/>">
<td><c:out value="${book.bookName}" /></td>
<td><c:out value="${book.createdDate }" /></td>
</tr>
用jQuery获取tr的id
data-book-id
在jQuery方面与data('bookId')
相同。
$("#booktablebody").on('click','tr',function(){
var id = $(this).data('bookId');
});