Javascript 在first after筛选器中显示选定的类

Javascript 在first after筛选器中显示选定的类,javascript,php,html,sorting,html-table,Javascript,Php,Html,Sorting,Html Table,我正试着在筛选后对学生进行分类。过滤后,学生按钮类将改变,文本如下图所示 我想要的是有选择学生的学生必须先进来,然后拒绝学生!我该怎么做 PHP->HTML返回如下所示: <tbody> <tr> <td><span><img></span><p>Rasmus1 Lerdorf</p><p><b>Hallticket</b> : S28J1</p>&

我正试着在筛选后对学生进行分类。过滤后,学生按钮类将改变,文本如下图所示

我想要的是有选择学生的学生必须先进来,然后拒绝学生!我该怎么做

PHP->HTML返回如下所示:

<tbody>

<tr>
<td><span><img></span><p>Rasmus1 Lerdorf</p><p><b>Hallticket</b> : S28J1</p></td>
<td style="line-height:45px">4</td>
<td style="line-height:45px">9</td>
<td style="line-height:45px">8</td>
<td style="line-height:45px">4.5</td>
<td><span id="stu28" class="btn btn-danger reject-student selection-class">Not Selected</span></td>
<td style="line-height:45px"><input class="overrideStudent" type="text" name="picomment[28]"></td>
</tr>

<tr>
<td><span><img></span><p>Bill Gates</p><p><b>Hallticket</b> : S29J1</p></td>
<td style="line-height:45px">9</td>
<td style="line-height:45px">10</td>
<td style="line-height:45px">8</td>
<td style="line-height:45px">6.1</td>
<td><span id="stu28" class="btn  selection-class btn-success select-student">Selected</span></td>
<td style="line-height:45px"><input class="overrideStudent" type="text" name="picomment[29]"></td>
</tr>

</tbody>

您可以将“拒绝学生”类设置为其父选择器,并获得所需的结果

在服务器端这样做不是更好吗?实际上从服务器端是不可能的,因为过滤器是通过Ajax调用响应数组来实现的,它将选择学生。。有了这个筛选条件,@ArminI假设在向用户显示信息之前,您已经在服务器端拥有了这些信息。可能在数据库中(“sql查询中的order by”),或者在响应数组中(排序数组),或者任何其他方式。在客户端可以做到这一点,但我认为如果您在服务器端有可重用的列表,而不需要额外的客户端调整,那就更好了。我可能错了,但是@遵守“我怎样才能做到这一点?”——你应该从做一些适当的研究开始。
success: function (response) {
    $(".selection-class").addClass('btn-danger reject-student');
    $(".selection-class").removeClass('btn-success select-student');
    $(".selection-class").text('Not Selected');
    $.each(response['students'], function(k, student) {
        $("#stu"+student.student_id).removeClass('btn-danger reject-student');
        $("#stu"+student.student_id).addClass('btn-success select-student');
        $("#stu"+student.student_id).text('Student Selected');
    });
    $("#success_message").show();
    $("#success_message").html(response['message']);