puppeteer - 如何检查元素中是否不存在类

Question

我有以下代码：

<div class="ProductSize-group">
  <div class="c-form-field c-form-field--radio c-form-field--disabled c-form-field--unavailable ProductSize"><label for="input_radio_size_060" aria-hidden="true" class=""><span class="c-form-label-content">06.0</span></label><input name="size" aria-label="Size 06.0, out of stock" id="input_radio_size_060" type="radio" disabled="" required="" value="06.0"></div>
  <div class="c-form-field c-form-field--radio c-form-field--disabled c-form-field--unavailable ProductSize"><label for="input_radio_size_065" aria-hidden="true" class=""><span class="c-form-label-content">06.5</span></label><input name="size" aria-label="Size 06.5, out of stock" id="input_radio_size_065" type="radio" disabled="" required="" value="06.5"></div>
</div>

这只是其中的一部分。我需要检查这个 div 是否包含类

<div class="c-form-field c-form-field--radio c-form-field--disabled c-form-field--unavailable ProductSize">

专门检查这个 div 是否包含类c-form-field--unavailable

这就是我所拥有的：

  const productSizeOptions = await page.$(".ProductSize-group");
  productSizeOptions.map(productSizeOption => {

  })

但我不知道如何遍历每个类以查看它是否存在于元素中。有任何想法吗？

标签： puppeteer

Answer 1

只需使用:not

await page.$(".ProductSize-group:not(.c-form-field--unavailable)");