casperjsのjQueryで選択ボタン

Question

casperjsのボタンを選択したいのですが、私の問題は、ボタンがIDsとclassesのように変わっていることです。それは常に同じコンテンツを持っているので、私は、最初のspanを選択することで、buttonを選択することができますjQueryを使って

<button class="changes-always" id="changes-always-too"> 
    <div class="changes-always2"> 
     <span class="changes-always3">Same text</span> 
    </div> 
</button> 

：私はのみ行わspan 2レベルのテキストに基づいて、ボタンを「特定」することができます。

var span = $('span:contains("Same text")'); 
var button = span.parent().parent() // there is probably a nice way to do this 

私はjQueryのclientScriptsとしてそれを含めることによって、casperjsによってロードされてしまったが、私の問題は、（それも可能だ場合）が正しくevaluate(function()での作業それを得るだけでなく、casperjsとセレクタのような変数を使用する方法である

これは私が得たところですが、objectとstringの問題が発生しました。誰かがセレクタとしてjQueryを使用する方法、正しい方向に私を指すし、その後casperjs、それを使ってみましょうことができれば

casper.then(function() { 
    var items = this.evaluate(function() { 
     return $('span:contains("Some text")'); 
    }); 
    console.log(items); 
}); 

は、素晴らしいことです。事前に何度もありがとう！

Answer 1

テキストが一意の場合は、clickLabel（）を使用することもできます。

casper.clickLabel("Some text"); 

これはボタンにも有効です。

別のオプションとはまだありませんjQueryのテキストでIDを取得し、時には同じテキストがある場合は、インデックスによってそれらをつかむべきであると：

... 
var x = require('casper').selectXPath; 
var buttonIDs; 
// get button ID's with specific text by getElementsAttribute with xPath selector 
buttonIDs = casper.getElementsAttribute(x("//button[contains(text(),'Some specific text')]"), 'id'); 
casper.then(function() { 
    casper.echo(buttonIDs); 
}); 
casper.then(function() { 
    casper.click("button[id='" + buttonIDs[0] + "']"); 
}); 

...