单击基于属性的元素

Question

我有这段代码：

<div class="menuFamille" idcat="1025">
    <div class="menuFamilleButton   on ">item 1</div>
</div>

<div class="menuFamille" idcat="1026">
    <div class="menuFamilleButton   on ">item 2</div>
</div>

我不知道如何在CasperJS中点击idcat="1025"的第一个div。我应该使用XPath吗？

Answer 1

只需使用属性选择器（CSS）。不需要XPath表达式，但我会将其添加进行比较：

casper.click(".menuFamille[idcat='1025'] > .menuFamilleButton");

或

casper.click(x("//*[contains(@class, 'menuFamille') and @idcat='1025']/*[contains(@class, 'menuFamilleButton')]"));