Fügen Sie ein Vielfaches von <tr> ID-Wert von JSTL-Core

Question

Ich habe ein Servlet, das mir die Elemente ${bookList} zurückgibt. Dies enthält die ID, den Namen und das Erstellungsdatum aller Bücher. In meinem Tabellenkörper möchte ich, dass Benutzer entweder auf den Namen oder das Erstellungsdatum klicken können, um bestimmte Bücher abzurufen. Wie füge ich die <c:out value="${book.id }"/> innerhalb der <tr id=""> hinzu, so dass ich ein JQuery-Ereignis hinzufügen kann, um jeden Klick zu erkennen und die ID des Buches zu erhalten?

<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

Sie können versuchen, wie folgt:

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

Get tr ids mit jQuery

data-book-id gleich data('bookId') auf der jQuery Seite.

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