javascript - 如何使用(选择学生)类(class)条件对学生进行序列化

Question

我将选择和拒绝的类(class)附加到学生。现在我想提交表格，我想发送所有属于 select-student 类(class)的学生。这是我的动态学生代码:

<form id="overideCommentForm" >
    <?php while($skillData = $skillQuery->fetch_assoc()) { ?>
        <td><span id="stu1" class="reject-student ">Not Selected</span></td>
        <td><span id="stu2" class="select-student ">Selected</span></td>
        <td><span id="stu5" class="select-student ">Selected</span></td>
        <td><span id="stu8" class="reject-student ">Not Selected</span></td>
        <td><span id="stu9" class="select-student ">Selected</span></td>
    <?php } ?>
</form>
<button id="gdFinal">Submit</button>

$("#gdFinal").click(function(){
    var jobID = 50;
    $.ajax({
        url: "gdcontroller.php",
        method: "POST",
        data: { 
            overideData : $("#overideCommentForm").serialize(), 
            'action': 'overrideStudent',
            'JobID': +jobID 
        },
        dataType: "json",
        success: function (response) {

Answer 1

您可以使用 jquery 的 map 函数发送特定类的 id，因此在上面的代码中您可以使用以下代码发送选定和拒绝的用户，如下所示

var selected = $(".select-student").map(function() {
    return this.id;
}).get();
var reject = $(".reject-student").map(function() {
    return this.id;
}).get();
$("#gdFinal").click(function() {
    var jobID = 50;
    $.ajax({
        url: "gdcontroller.php",
        method: "POST",
        data: {
            overideData: $("#overideCommentForm").serialize(),
            'action': 'overrideStudent',
            'JobID': +jobID,
            selected: selected,
            reject: reject
        },
        dataType: "json",
        success: function(response) {
            console.log(response);
        }

    });

});