javascript - 使用 CasperJS 单击表中的链接

Question

我在使用 CasperJS 脚本时遇到了困难。我想单击一个链接，即编辑链接。

<div class="list">
    <table>
        <thead>
            <tr>
                <th width="5%">State</th>
                <th width="5%">State1</th>
                ....
            </tr>
        </thead>
        <tbody>                                 
                <tr class="myclass">
                    <td class="center"><a href="viewer.php?file=1902440_14313152"><img src="img/picto/picto.png"/></a></td>
                    ...
                    <td class="center actions">
                        <div class='relative'>
                                                                            <a href="#" class="info"><img src="img/info.png"/></a>
                                <a class="edit" href="viewer.php?file=19095CFBCD260702440_14313152"><img src="img/picto/picto.png"/></a>

我尝试使用 CasperJS API 中的 evaluate 函数，但它返回一些 [Object 对象]，并且无法单击它。这是我的代码:

var link = casper.evaluate(function() {
    return [].map.call(__utils__.findAll('tr'), function(node) {
        return node.getAttribute('a');
    });
});
this.click(link);

Answer 1

casper.click() 需要一个选择器(CSS3 选择器或通过辅助实用程序的 XPath 表达式)。您可以使用

单击 单个元素

casper.click("tr.myclass .edit");

如果您想单击特定行中的链接，可以使用 :nth-child() 选择器:

casper.click("tr:nth-child(3) .edit"); // 3rd tr