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

时间:2015-12-17 22:26:08

标签: css3 xpath css-selectors phantomjs casperjs

我正在使用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>

我想在TRcss找到x-boundlist-item selectorCls元素 然后在这里,我需要找到第一个 TD元素并触发点击事件。

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

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

1 个答案:

答案 0 :(得分:1)

x-boundlist-item-tdselectorTdCls都是同一元素上的类,因此选择器应为.x-boundlist-item-td.selectorTdCls

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

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