javascript - 如何使用 CasperJS 根据元素的部分属性选择特定元素

Question

这个问题看起来很简单，我已经找到了一些关于它的线程，但是当我们有多个选项卡(超过 2 个选项卡可供选择)时，这些解决方案不起作用。

示例:

因此，在这种情况下，当我使用时(目标是选择“路由”选项卡):

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

它将选择第一个未选择的选项卡“数据”，而不是选项卡“路由”!

如何解决这个问题？

Answer 1

再说一遍，CSS 选择器是您的 friend ，例如，具有与属性内容匹配的特定属性选择器:

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

或

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