$$

$$ 命令是获取页面上多个元素的一种简短且方便的方法。它返回一个包含一组 WebdriverIO 元素的 ChainablePromiseArray。

信息

与附加到浏览器对象的$$相反，此命令基于根元素查询元素。

您可以将 $ 或 $$ 链接在一起，而无需将单个命令包装到 await 中以遍历 DOM 树，例如：

const imageSrc = await $$('div')[1].nextElement().$$('img')[2].getAttribute('src')

WebdriverIO 在使用 $ 或 $$ 命令时无缝遍历影子根，无论嵌套级别或影子根模式如何，例如：

await browser.url('https://ionicframework.cn/docs/usage/v8/datetime/basic/demo.html?ionic:mode=md')
await browser.$('button[aria-label="Sunday, August 4"]').click()
 await browser.$('.aux-input').getValue()

也可以使用异步迭代器循环遍历查询的结果，例如：

// print all image sources
for await (const img of $$('img')) {
  console.log(await img.getAttribute('src'))
}

信息

有关如何选择特定元素的更多信息，请查看选择器指南。

用法

$(selector).$$(selector)

参数

名称	类型	详情
selector	字符串、函数、匹配器	用于获取多个元素的选择器、JS 函数或匹配器对象

示例

example.html

loading...

在 GitHub 上查看

multipleElements.js

loading...

在 GitHub 上查看

multipleElements.js

loading...

在 GitHub 上查看

multipleElements.js

loading...

在 GitHub 上查看