从 jstl 核心添加 <tr> id 值的倍数
Add multiples of <tr> id value from jstl core
我有一个 servlet returns 我的项目 ${bookList}
。这包含所有书籍的 ID、名称和创建日期。
所以在我的 table 正文中,我希望用户能够单击名称或创建日期来检索特定的书。如何在 <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>
您可以尝试如下操作:
<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');
});
我有一个 servlet returns 我的项目 ${bookList}
。这包含所有书籍的 ID、名称和创建日期。
所以在我的 table 正文中,我希望用户能够单击名称或创建日期来检索特定的书。如何在 <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>
您可以尝试如下操作:
<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');
});