获取DOM元素基本方式
- .find(selector) 搜索定位元素
- .get(selector) 搜索定位元素
- .contains(selector) 搜索定位元素
- .children() 方法用来获取DON元素的子元素
- .parents() 用来获取DOM元素的所有父元素
- .parent() 用来获取DOM元素第一层元素
- .siblings() 用来获取DOM元素的所有同级元素
- .first() 用来获取指定DOM对象的第一个元素
- .last() 用来获取指定DOM对象的最后一个元素
- .next() 用来匹配DOM对象紧跟着的下一个同级元素
- .nextAll() 用来匹配给定的DOM对象的所有同级元素
- .nextUntil() 用来匹配给定DOM对象之后的所有同级元素直到遇到Until里定义的元素为止
- .prev() 用来匹配给定DOM对象紧跟着的上一个同级元素
- .prevAll() 用来匹配给定的DOM对象之前的所有同级元素
- .prevUntil() 用来匹配给定DOM对象之后的所有同级元素直到遇到Until里定义的元素为止
- .each() 用来遍历数组及其类似结果
- .eq() 用来在元素或者数组中的特定索引处获取DOM元素。类似于Jquery中nth:child()
参考:https://blog.csdn.net/weixin_39703468/article/details/110611174
如果想从头学起Cypress,可以看下面的系列文章哦
https://www.cnblogs.com/poloyy/category/1768839.html
作用
遍历数组数据结构(具有 length 属性的数组或对象)
语法格式
.each(callbackFn)
callbackFn
- 回调函数
- 可以拥有三个参数:value、index、collection
正确用法
// 遍历每个 li 元素 cy.get('ul>li').each(() => {...}) // 遍历每个 cookie cy.getCookies().each(() => {...})
错误用法
// 不能直接通过 cy 调用 cy.each(() => {...}) // location() 返回的结果不是一个数组 cy.location().each(() => {...})
命令返回结果
返回和上一条命令一样的结果
实际栗子
代码
;栗子一的结果
;遍历三次,每次都可以获取 li 元素和索引值(从 0 开始)
栗子二的结果
;- 若想提前结束遍历,可以通过判断然后直接
returnfalse
- 若想在 命令后继续操作原始数组(未遍历前),可以直接在 .each() 命令后接 .then() 命令进行操作
.each()
原文地址:http://www.cnblogs.com/51testing/p/16854427.html
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请务用于商业用途!
3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"gltf",如遇到无法解压的请联系管理员!
8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载
声明:如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性