如何点击这个值为50的元素，我使用casper为此选择

Question

Location of the dropdown menu

  

三个下拉选项   

这是在select value 50:网页中的工作方式我点击下拉栏然后点击three values are shown 10, 20 and 50，然后点击50 the page refreshes and 50 data's are shown in 1 page。

Answer 1

您可以将casper.click()与XPath expression结合使用，以按文本内容单击元素。

您可以使用的XPath表达式是：

//div[@id="dnn_ctr1000_MainView_rgMain_ct100_ct103_ct101_PageSizeComboBox_DropDown"]/div[@class="rcbScroll rcbWidth"]/ul[@class="rcbList"]/li[text()="50"]

使用CasperJS，您可以编写完整的程序：

var casper = require('casper').create();
var x = require('casper').selectXPath;

casper.start('https://example.com/');

casper.then(function () {
  this.click(x('//div[@id="dnn_ctr1000_MainView_rgMain_ct100_ct103_ct101_PageSizeComboBox_DropDown"]/div[@class="rcbScroll rcbWidth"]/ul[@class="rcbList"]/li[text()="50"]'));
});

casper.run();

这将允许您模拟包含文本内容50的元素上的click事件。