如何选择硒WebDriver中li内部的锚标记

Question

下面是我的代码。我想单击<a> 的锚标记，该标签位于<li>内。我试图使用 By.tagName("//li/a") 获取值。我没有得到任何数据。

我的HTML中有许多带有class="dropdown-menu"的列表。我应该能够选择一个列表，从中单击下拉值。

<ul class="dropdown-menu" style="position: static; margin-bottom: 5px; *width: 50px;border-style: none;min-width: 45px;box-shadow: 0 0px;text-align: center;" aria-labelledby="dropdownMenu" role="menu">
  <li><a class="dropdown-add" style="cursor: pointer;">1</a></li>
  <li><a class="dropdown-add" style="cursor: pointer;">2</a></li>
  <li><a class="dropdown-add" style="cursor: pointer;">3</a></li>
  <li><a class="dropdown-add" style="cursor: pointer;">4</a></li>
  <li><a class="dropdown-add" style="cursor: pointer;">5</a></li>
  <li><a class="dropdown-add" style="cursor: pointer;">6</a></li>
  <li><a class="dropdown-add" style="cursor: pointer;">7</a></li>
  <li><a class="dropdown-add" style="cursor: pointer;">8</a></li>
  <li><a class="dropdown-add" style="cursor: pointer;">9</a></li>
  <li><a class="dropdown-add" style="cursor: pointer;">10</a></li>
</ul>

Answer 1

很容易获得所有锚点的列表，只需使用 CSS 选择器

List<WebElement> anchors = webDriver.findElement(By.cssSelector("ul li a"));

然后选择您要单击的任何锚点，比方说

anchors.findElement(By.linkText("10")).click();

Answer 2

首先获取锚点的 NodeList：

var res = document.querySelectorAll('ul.dropdown-menu li a.dropdown-add');

然后在 3 日强制click，如果它不为空：

if(res[2].childNodes[0].nodeValue.length) { res[2].click() };