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

Question

这个问题看起来很简单，我找到了一些关于它的线索，但是当我们有多个标签可以选择2个标签时，这些解决方案不起作用。

实施例：

所以在我使用的情况下（目标是选择标签＆＃34; Routing＆＃34;）：

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

它将选择第一个未选择的标签＆＃34; Data＆＃34;而不是标签＆＃34;路由＆＃34;！

我该如何解决这个问题？

Answer 1

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

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

或

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