我一直在尝试使用 Nightwatch.js(第 nth-child、nth-of-type 等)点击浏览器上的特定元素的多种不同方法,但到目前为止我无法找到正确的元素。我试图点击屏幕上的第二个“更多”按钮。
HTML 看起来像这样。两个“更多”按钮都具有完全相同的类,并且嵌套在类中具有关键区别的 div 中,其中一个称为 discover-teams,第二个嵌套在类为 discover 的 div 中-运动员。如果我尝试这样的事情,我最终会点击图像上的以下按钮之一
.click('.discover-athletes div:nth-child(3) button')
如果有人知道最好的方法,我将不胜感激。到目前为止,我做空了。非常感谢
最佳答案
我看到该页面有两个“.discover-athletes”,所以第二个按钮的选择器应该是:
'test' : function(browser){
const 2ndSelector = 'div[class="discover-athletes"]:nth-child(2) > div:nth-child(3) > button';
browser.click(2ndSelector);
}
您需要符号“>”来使选择器更准确。
编辑:只有 1 个“.discover-athletes”,但没有区别。
'test' : function(browser){
const 2ndSelector = 'div[class="discover-athletes"] > div:nth-child(3) > button';
browser.waitForElementVisible(2ndSelector,5000,false,function(result){
browser.click(2ndSelector);
});
}
关于javascript - 尝试使用 Nightwatch.js 单击具有相同类的第二个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36581319/