پرش به محتوای اصلی

$$

دستور $$ یک روش کوتاه و راحت برای دریافت چندین عنصر در صفحه است. این دستور یک ChainablePromiseArray شامل مجموعه‌ای از عناصر WebdriverIO را برمی‌گرداند.

اطلاعات

برخلاف $$ که به شیء مرورگر متصل است، این دستور عناصر را بر اساس یک عنصر ریشه جستجو می‌کند.

شما می‌توانید دستورات $ یا $$ را بدون نیاز به قرار دادن دستورات فردی در await به هم زنجیر کنید تا در درخت DOM حرکت کنید، به عنوان مثال:

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

WebdriverIO به‌طور یکپارچه از shadow roots عبور می‌کند هنگام استفاده از دستورات $ یا $$، بدون توجه به سطح تودرتو یا حالت shadow root، به عنوان مثال:

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

همچنین امکان استفاده از تکرارکننده‌های async برای حلقه زدن روی نتیجه پرس‌وجو وجود دارد، به عنوان مثال:

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

برای اطلاعات بیشتر در مورد چگونگی انتخاب عناصر خاص، راهنمای انتخاب‌گرها را بررسی کنید.

استفاده
$(selector).$$(selector)
پارامترها
نامنوعجزئیات
selectorString, Function, Matcherانتخاب‌گر، تابع JS، یا شیء Matcher برای واکشی چندین عنصر
مثال‌ها
example.html
loading...
multipleElements.js
loading...
multipleElements.js
loading...
multipleElements.js
loading...
برمی‌گرداند
  • <WebdriverIO.ElementArray>

Welcome! How can I help?

WebdriverIO AI Copilot