无法在 CasperJS 中使用 CSS 选择器找到元素

Question

我正在使用 casperjs 编写一些测试用例。我想在 TR 中找到一个 TD 元素。

  <tr class="x-boundlist-item selectorCls">
        <td class="x-boundlist-item-td selectorTdCls" width="70%">64Columns</td>
       <td class="x-boundlist-item-td" align="right" style="padding-right:4px;">
               <a href="#" style="color:#15428B;"></a>
      </td>
 </tr>

我想通过css 类x-boundlist-item selectorCls 找到一个TR 元素 然后在这里面，我需要找到 first TD 元素并触发点击事件。

我使用了.waitForSelector(".x-boundlist-item-td selectorTdCls",，它在一段时间后超时并且没有返回任何内容。

我也尝试过使用var x = document.body.querySelectorAll('.x-boundlist-item-td selectorTdCls'); 甚至没有奏效。

Answer 1

x-boundlist-item-td 和 selectorTdCls 是同一元素上的两个类，因此选择器应为 .x-boundlist-item-td.selectorTdCls

.x-boundlist-item-td selectorTdCls 会匹配类似...

<div class="x-boundlist-item-td">
  <selectorTdCls></selectorTdCls> <!-- << matches this -->
</div>