WebdriverIO如何遍历不是实际表或列表的元素列表答案

【问题标题】：WebdriverIO How to loop through a list of elements that is not an actual table or listWebdriverIO如何遍历不是实际表或列表的元素列表
【发布时间】：2020-06-03 01:39:22
【问题描述】：

如何循环遍历看起来像这样的元素列表。

（在这种情况下，我只需要列表中元素的长度，但其他人可能会从有关循环元素的更多信息中受益。）

这是我的代码：

class Facilities {

    get facilityCards() { return $('//*[@class="card-columns"]'); }

    getFacilityCardCount() {
       const fcs = this.facilityCards;
       return fcs.$$('div').length;
    } 
}

export default new Facilities();

我确实在我正在使用实际表的其他代码部分中进行了此操作。在这种情况下，table 标签是我的主要 xpath，而 tr 标签是我搜索的内容。但是在这种情况下，我所要做的就是 div 的

如果您想更清楚，请告诉我。非常感谢您的帮助 =)

【问题讨论】：

标签： javascript node.js loops xpath webdriver-io

【解决方案1】：

如您所知，$$ api 返回一个元素数组。您可以在此使用任何 js 数组方法并循环遍历所有元素。您可以对每个元素进行各种操作。下面是一个例子。

$('//*[@class="card-columns"]').$$('div').forEach(element => {
  console.log(element.getText());
})

【讨论】：

非常感谢兄弟，这正是我想要的！ =)