使用 jQuery 为 casperjs 选择按钮

Question

我想选择一个带有casperjs 的按钮，但我的问题是该按钮已更改IDs 和classes。我只能根据 span 的文本“识别”按钮，完成 2 级：

<button class="changes-always" id="changes-always-too">
   <div class="changes-always2">
      <span class="changes-always3">Same text</span>
   </div>
</button>

使用 jQuery，我可以选择 button，首先选择 span，因为它始终具有相同的内容。

var span = $('span:contains("Same text")');
var button = span.parent().parent() // there is probably a nice way to do this

我通过 casperjs 将 jQuery 加载为 clientScripts，我的问题是如何正确使用 evaluate(function() 以及将变量用作 casperjs 的选择器（如果可能的话） )

这就是我的进展，但后来我遇到了 object 和 string 问题。

casper.then(function() {
  var items = this.evaluate(function () {
        return $('span:contains("Some text")');
  });
  console.log(items);
});

如果有人能指出我正确的方向，那就太好了，如何使用jQuery 作为选择器，然后让casperjs 使用它。提前多次感谢！

Answer 1

如果文本是唯一的，您也可以使用 clickLabel()。

casper.clickLabel("Some text");

这也适用于按钮。

另一个选项，仍然不是 jquery 应该是通过文本获取 id，如果有时有相同的文本，通过索引将它们取出：

...
var x = require('casper').selectXPath;
var buttonIDs;
// get button ID's with specific text by getElementsAttribute with xPath selector
buttonIDs = casper.getElementsAttribute(x("//button[contains(text(),'Some specific text')]"), 'id');
casper.then(function() {
  casper.echo(buttonIDs);
});
casper.then(function() {
  casper.click("button[id='" + buttonIDs[0] + "']");
});

...