Jquery 二次选择
进行 DOM 操作的时候,我们有两种方式
// 原生
let a = document.querySelector("css selector");
// JQuery
let b = $("css selector")
如果我们想要对 a
和 b
二次选择怎么办呢?(就是从 a
和 b
中找 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);
}
}
}