javascript - 使用 puppeteer 时如何获取 <div> 内的 <a> 对象？

Question

使用 puppeteer，我尝试放入两个对象，但失败了。 我的测试代码是这样的

const btnUp = await page.$('div#ember322 > a:nth-child(0)');
const btnDown = await page.$('div#ember322 > a:nth-child(1)');

如何解决这个问题？ 这是我的测试示例代码。

<div id="ember322" class="ember-view">
  <div class="order-btn-group">
    <div class="order-value"><span>0.8</span></div>
    <div class="row">
      <div class="col-xs-6">
        <a class="btn-order btn-down txt-left" data-ember-action="" data-ember-action-323="323">
          <span class="btn-order-text">down</span>
          <span class="btn-order-value txt-center">
            <small>300</small>
          </span>
          <i class="btn-order-status"></i>
        </a>
      </div>

      <div class="col-xs-6">
        <a class="btn-order btn-up txt-right" data-ember-action="" data-ember-action-324="324">
          <span class="btn-order-text">up</span>
          <span class="btn-order-value txt-center">
            <small>500</small>
          </span>
          <i class="btn-order-status"></i>
        </a>
      </div>
    </div>
  </div>
</div>

Answer 1

尝试不带 > 的选择器。它将需要 <a>元素是 <div> 的直接子元素(例如参见 W3Schools )。就像这样:

const btnUp = await page.$('div#ember322 a:nth-child(0)');
const btnDown = await page.$('div#ember322 a:nth-child(1)');

而且，也许不要使用 nth-child ，为什么不试试 btn-up和btn-down类(class)？