JSFiddle - React, Tailwind, and code Playground

by Alpesh Patel

HTML

<table border="1" cellpadding="5" id="newtable">
  <tr>
    <th>Room No</th>
    <th>AC</th>
    <th>Deluxe</th>
    <th>Tariff</th>
  </tr>
  <c:forEach var="room" items="${myrooms}">
    <tr bgcolor="#4B476F" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#4B476F';">

      <td class="nr">1</td>
      <td><c:out value="${room.ac}" /></td>
      <td><c:out value="${room.deluxe}" /></td>
      <td>&#8377;<c:out value="${room.price}" /></td>
      <td><button type="button" class="mybutton" onclick="rowFunction()">Pay</button> </td>
    </tr>
  </c:forEach>
</table>

JavaScript

$(".mybutton").click(function(){
    alert($(this).parent().siblings().eq(0).text());
});