如何使用CasperJS根據其屬性的一部分選擇特定元素

Question

此問題看起來非常簡單，我找到了一些有關它的線索，但是當我們有多個選項卡多於兩個選項卡可供選擇時，這些解決方案不起作用。

例子：

所以當我用（目標是選擇標籤「路由」）這種情況下：

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

它會選擇先不要選擇選項卡「數據」和不是選項卡「路由」！

我該如何解決這個問題？

Answer 1

同樣，CSS選擇器是你的朋友，例如具有特定屬性的選擇屬性的內容相匹配：

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

或

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