如何从数据库中选择表的特定行？

Question

我的html中有这个脚本，如果状态是0，可以点击按钮“evaluate”，如果没有，按钮就是hidden。

$('#table-content').append 使用脚本中的 while 循环从我的数据库中检索所有数据。

我试图从表格中获取用户点击了哪一行，但我继续从表格中获取最后一行。

<%
    while (records.next()){
            String regisID = records.getString("registrationID");
            String courseName = records.getString("courseName");
            String profName = records.getString("professorName");
            String courseTime = records.getString("courseTime");
            String SID = records.getString("SID");
            int status = records.getInt("status");
    %>
        var num = <%= status %>;
        var btn = "";
        if(num===0)
            btn = "<td style='width: 10%;'><button type='button' id='evaluateBtn' class='btn btn-block btn-primary'>Evaluate</button></td>";
        else
            btn = "<td style='width: 10%;'><button type='button' class='btn btn-block btn-success disabled'>Done</button></td>";
        
        $('#table-content').append(
                "<tr>"+
                "<td style='width: 20%;'><%= courseName %></td>"+
                "<td style='width: 25%;'><%= profName %></td>"+
                "<td style='width: 20%;'> <%= courseTime %></td>"+
                btn+
                "</tr>"
        );
        
        $("#evaluateBtn").click(function() {
            var form = document.createElement("form");
            document.body.appendChild(form);
            $(form).append("<input type='hidden' name='registrationID' value='<%= regisID %>'/>");
            $(form).append("<input type='hidden' name='courseName' value='<%= courseName %>'/>");
            $(form).append("<input type='hidden' name='SID' value='<%= SID %>'/>");
            form.action="http://localhost:8080/NewDesignV1/evaluate.action";
            form.method="post";
            form.submit();
            $(form).remove();
        });
        <%} %>

如果我点击evaluate按钮，我想检索subject、professor和time。请注意，我正在使用 while 循环循环表格行，这就是为什么如果我点击 evaluate 按钮，我会继续获取最后一行的详细信息

See attached image

Answer 1

据我了解，您希望为单击的按钮选择对应的行。正如您所说，您正在从服务器接收记录并通过 JQuery 进行迭代。据我所知，ID 元素在文档中应该是唯一的，并且在循环中创建了多个 ID 元素。您可以使用 Class 而不是 ID。要选择当前表格行，您可以使用以下代码。 这只是一个例子：

<table>
 <tr>
   <td class="one">A</td>
   <td style='width: 20%;' class="courseName">ABc</td>
    <td><button class="the-btn">
     Click
    </button></td>
 </tr>
 <tr>
   <td class="one">b</td>    
   <td style='width: 20%;' class="courseName">DEF</td>
   <td><button class="the-btn">
     Click
   </button></td>
 </tr>

和 JS：

   $(document).ready(function(){
      $('.the-btn').on('click',function(){
       alert($(this).closest('tr').find('.courseName').text());
   });
});

这里是Fiddle