进行 DOM 操作的时候,我们有两种方式

// 原生
let a = document.querySelector("css selector");
// JQuery
let b = $("css selector")

如果我们想要对 ab 二次选择怎么办呢?(就是从 ab 中找 DOM 元素)

// 原生
for (let i =0; i<a.length; i++){
    a[i].querySelector("css selector");
}
// JQuery
for (let i =0; i<a.length; i++){
    $(a[i]).find("css selector");
}

然后就可以根据情况进行操作了,下面的代码是帮老师写的一键审批脚本

// 打开批量模式
edit = $("#batchApprovalShow")
edit.click()

// 获取当前页所有审批申请
a = $("#nowApply > .manage-bar.completed")
// 这个循环是处理页面神奇的错误的
for (let i=0;i<a.length;i++){
    $(a[i]).find(".manage-body > .check-block")[0].style=""
}

for (let i=0;i<a.length;i++){
    b = $(a[i]).find(".manage-body > .left-block > .title-bar > span")[0].textContent;
    // 判断申请类型是否吻合
    if(b==="学生出入校园信息填报"){
        c = $(a[i]).find(".manage-body > .left-block > .apply-detail-outside > .apply-detail > li:nth-child(1)")[0].textContent;
        grade = c.split("(")[1].split("|")[0].trim().substring(0,4);
        // 通过学号判断是不是20级的
        if(grade === "2020"){
            $(a[i]).find(".manage-body > .check-block > input")[0].checked = true;
            console.log(grade,c);
        }
    }
}