Onclick类功能不起作用

Question

<form id="overideCommentForm" >
    <td><span id="1" class="btn btn-danger  reject-student  view-button">Not Selected</span></td><td><input class="overrideStudent" type="text" name="comment"></td>
    <td><span id="2" class="btn btn-danger  reject-student  view-button">Not Selected</span></td><td><input class="overrideStudent" type="text" name="comment"></td>
    <td><span id="3" class="btn btn-danger  reject-student  view-button">Not Selected</span></td><td><input class="overrideStudent" type="text" name="comment"></td>
    <td><span id="4" class="btn btn-danger  reject-student  view-button">Not Selected</span></td><td><input class="overrideStudent" type="text" name="comment"></td>
</form>

$("#overideCommentForm").on('click', ".view-button", function() {
    $(this).removeClass('reject-student').addClass('select-student').text('Selected');
    $(this).closest('tr').find(".overrideStudent").show();
});
$("#overideCommentForm").on( "click", ".reject-student", function() {
    $(this).removeClass('select-student').addClass('reject-student').text('Not Selected Details');
    $(this).closest('tr').find(".overrideStudent").hide();
});

从上面的图片我想尝试将选中的按钮更改为未选中当我选择学生时必须显示评论框如果未选择则评论文本必须消失。

我已经尝试了上面的代码，但是

$("#overideCommentForm").on('click', ".view-button", function() { 

如果用$(document)替换行不能正常工作，那么

无法解决问题..？

该按钮动态地使用while循环

Answer 1

你错过了双引号

$("#overideCommentForm").on("click", ".view-button", function() {