javascript - 如何找到特定 tr 中 td 的值

Question

我有一个 Rails 应用程序，我正在为其编写 cucumber 测试。我试图从特定行中获取一个数字，以便我可以对其进行断言。我有一个看起来像这样的表:

<table class="table table-striped" id="kids">
  <thead>
    <tr>
      <th>Name</th>
      <th>Balance</th>
      <th></th>
    </tr>
  </thead>

  <tbody>
    <tr data-link="/kids/2">
      <td>Jason</td>
      <td>
        <span>$</span>
        <span class="money">1.00</span>
      </td>
    </tr>
    <tr data-link="/kids/3">
      <td>Neely</td>
      <td>
        <span>$</span>
        <span class="money">0.50</span>
      </td>
    </tr>
  </tbody>
</table>

我需要选择一个具有特定名称的td，然后从下面的td中的span中获取余额。我确信有一种方法可以用 Xpath 做到这一点，但我不明白。任何帮助都会很棒。

Answer 1

您要求使用 XPath，所以它是:

//td[preceding-sibling::td[text()='Neely']]/span[@class='money']

请注意，XPath 的可读性不太好，最好使用 Capybara 的 ruby​​ 方法:

tr = find('tr', text: 'Neely')
tr.find('.money').text