单击远程Div |上的按钮CasperJS

Question

我正在尝试使用CasperJS自动化一个过程，这需要单击远程Div中的按钮。我的主页只会提到远程div，按钮位于远程div中。

主页：

<div id= "main_container"></div>

远程div：

<div id="main_container">
    <div id="agenda_items">
        <button type="button">Click Me!</button>
    </div>
</div>

我正在尝试从主页面运行的casperjs脚本中单击“单击我”按钮。当页面使用this.switchToChildFrame / this.withFrame使用iframe时，我就可以执行此操作。 Divs也有类似的方式吗？如果CasperJS无法实现，还有其他可能性吗？请指教。谢谢

Answer 1

如果我正确理解你的问题，那么你有两个选择：

1. 在evaluate方法中使用jQuery单击您所指的按钮。

   也许是这样的：

   casper.evaluate(function() {
       $('button:contains("Click Me")').click();
   }
   

2. 使用Casper内置的clickLabel方法

   casper.then(function() {
       this.clickLabel('Click Me!', button);
   });
   

Answer 2

您无需“切换”到div。只需确定与您尝试单击的按钮匹配的适当CSS选择器或XPath表达式。然后你可以使用casper.click