jquery获取所有子元素遍历_Cypress 页面元素基本操作方式

获取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()