You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Cypress中遍历并获取父元素同级元素的文本值?

在Cypress中获取父元素同级元素的文本

当然可以,你之前的代码问题出在parentsUntil的使用上——它返回的是目标元素到指定父元素之间的所有祖先(不包含指定的父元素本身),所以后续调用siblings时,是在这些祖先元素的同级里查找,自然找不到目标的标题元素。

给你两种可行的写法:

方法1:通过共同父级定位

先找到包含开关和标题的共同父元素,再在父元素下直接查找标题:

cy.get('[role="switch"]')
  .closest('.v-list-item') // 定位到最近的共同父元素
  .find('.v-list-item__title.px-3')
  .invoke('text') // 获取文本内容
  .then(titleText => {
    // 这里可以处理获取到的文本,比如打印或断言
    console.log('标题文本:', titleText)
  })

方法2:从直接父元素找同级

先定位到开关的直接父元素v-list-item__icon,再找它的同级标题元素:

cy.get('[role="switch"]')
  .parent('.v-list-item__icon.px-3') // 获取开关的直接父元素
  .siblings('.v-list-item__title.px-3')
  .invoke('text')
  .then(titleText => {
    console.log('标题文本:', titleText)
  })

内容的提问来源于stack exchange,提问作者simpleMan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.15 18:02:17