如何使用 CasperJS select 基于其属性的一部分的特定元素

Question

这个问题看起来很简单，我已经找到了一些关于它的线索，但是当我们有多个选项卡时，这些解决方案就不起作用了 select 来自的 2 个选项卡。

示例：

所以在这种情况下，当我使用（目标是 select 选项卡 "Routing"）时：

...    
    casper.then(function() {
        test.assertTextExists("Test", "Test - tab");
        this.click('a.menu1itemUnSel[tabindex="4"]');
    });
...

它将 select 第一个未 select 编辑的选项卡 "Data" 而不是 "Routing" 选项卡！

我该如何解决这个问题？

Answer 1

同样，CSS 选择器是您的朋友，例如具有与属性内容匹配的特定属性选择器：

this.click('a.menu1itemUnSel[href*="tabIndex.value=\'3\'"]');

或

var i = 3;
this.click('a.menu1itemUnSel[href*="tabIndex.value=\''+i+'\'"]');

如何使用 CasperJS select 基于其属性的一部分的特定元素

How to select specific element based on a part of its attribute with CasperJS

javascript

css-selectors

casperjs