javascript - 尝试使用 Nightwatch.js 单击具有相同类的第二个元素

Question

我一直在尝试使用 Nightwatch.js(第 nth-child、nth-of-type 等)点击浏览器上的特定元素的多种不同方法，但到目前为止我无法找到正确的元素。我试图点击屏幕上的第二个“更多”按钮。

HTML 看起来像这样。两个“更多”按钮都具有完全相同的类，并且嵌套在类中具有关键区别的 div 中，其中一个称为 discover-teams，第二个嵌套在类为 discover 的 div 中-运动员。如果我尝试这样的事情，我最终会点击图像上的以下按钮之一

.click('.discover-athletes div:nth-child(3) button')

如果有人知道最好的方法，我将不胜感激。到目前为止，我做空了。非常感谢

Answer 1

我看到该页面有两个“.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);
                          });              
                  }