Ruby-Watir或Javascript：获取一个部分的前5个元素

我试图从网页的下一部分中获得前五个元素

<section _ngcontent-c16="" class="rounds">
  <!----><csgr-roulette-round _ngcontent-c16="" _nghost-c22="" class="ng-tns-c16-2 ng-trigger ng-trigger-slideInOut black">13</csgr-roulette-round><csgr-roulette-round _ngcontent-c16="" _nghost-c22="" class="ng-tns-c16-2 ng-trigger ng-trigger-slideInOut red">5
</section>

135

我如何使用ruby watir或javascript实现这一点？最后，我需要类名中的颜色。我用ruby试过了，但是我只能访问部分本身，而不能访问他的元素。顺便说一下：该部分是动态的，因此每30个部分会添加一种颜色

---

谢谢你的帮助。

我想这就是你想要的：

const rounds = document.getElementsByClassName('rounds');

for (let i = 0; i < Math.min(rounds[0].children.length, 5); i += 1) {
  const rouletteRound = rounds[0].children[i];
  console.log(rouletteRound.innerHTML);
}

const rounds=document.getElementsByClassName（'rounds'）；
for（设i=0；i

在WATIR中，您可以编写以下代码

b.section(class: 'rounds').elements.each do |element|
  p element.attribute(:class).split(/\s/).last
end

输出

"black"
"red"

---

嗨，包括WATIR标签！