如何通过在Selenium WebDriver中查找ID来单击确切的元素？

Question

在我的代码中，当通过ID搜索元素时，它会单击其他元素。我如何找到确切的元素，并需要点击相同的元素。我正在使用Selenium WebDriver与java。

Log.info("Clicking on Overview and Evolution PR link"); 
driver.findElement(By.id("ext-pr-backlog-evolution")).click(); 
WebDriverWait wait = new WebDriverWait(driver, 10); 
wait.until(ExpectedConditions.elementToBeClickable(By.id("ext-pr-backlog-evolution"))); 

我试图点击概述&演进选项卡，但它点击平均时间到指定标签

整个HTML如下：

<li> 
    <a id="ext-pr" class="submenu ext-pr" name="ext-pr" href="https://10.4.16.159/reports/">Problem Reports (PR)</a> 
    <ul> 
     <li> 
      <a id="ext-pr-backlog-age" class=" ext-pr-backlog-age" name="ext-pr-backlog-age" href="https://10.4.16.159/extranet_prbacklogage/reports/type/default/">Age</a> 
     </li> 
     <li> 
      <a id="ext-timetoassign-prs" class=" ext-timetoassign-prs" name="ext-timetoassign-prs" href="https://10.4.16.159/extranet_timetoassignprs/reports/type/default/">Average Time To Assign</a> 
     </li> 
     <li> 
      <a id="ext-timetodeliver-prs" class=" ext-timetodeliver-prs" name="ext-timetodeliver-prs" href="https://10.4.16.159/extranet_timetodeliverprs/reports/type/default/">Average Time To Deliver</a> 
     </li> 
     <li> 
      <a id="ext-timetoresolve-prs" class=" ext-timetoresolve-prs" name="ext-timetoresolve-prs" href="https://10.4.16.159/extranet_timetoresolveprs/reports/type/default/">Average Time To Resolve</a> 
     </li> 
     <li> 
      <a id="ext-new-prs" class=" ext-new-prs" name="ext-new-prs" href="https://10.4.16.159/extranet_newprs/reports/type/default/">New</a> 
     </li> 
     <li> 
      <a id="ext-open-prs" class=" ext-open-prs" name="ext-open-prs" href="https://10.4.16.159/extranet_openprs/reports/">Open</a> 
     </li> 
     <li> 
      <a id="ext-pr-backlog-evolution" class=" ext-pr-backlog-evolution" name="ext-pr-backlog-evolution" href="https://10.4.16.159/extranet_prbacklogevolutiontendency/reports/type/default/">Overview & Evolution</a> 
     </li> 
     <li> 
      <a id="ext-pr-domain" class=" ext-pr-domain" name="ext-pr-domain" href="https://10.4.16.159/extranet_prperdomain/reports/">Per Prod/SW Pack/RDT Group</a> 
     </li> 
     <li> 
      <a id="ext-pr-tendency" class=" ext-pr-tendency" name="ext-pr-tendency" href="https://10.4.16.159/extranet_prtendency/reports/type/default/">Progression</a> 
     </li> 
     <li> 
      <a id="ext-rework-prs" class=" ext-rework-prs" name="ext-rework-prs" href="https://10.4.16.159/extranet_reworkprs/reports/type/default/">Rework</a> 
     </li> 
     <li> 
      <a id="ext-pr-timetosolveprs" class=" ext-pr-timetosolveprs" name="ext-pr-timetosolveprs" href="https://10.4.16.159/extranet_timetosolveprs/reports/type/default/">Time To Solve</a> 
     </li> 
    </ul> 
</li> 

请找到解决方案ñ。如何准确单击该元素..

Answer 1

在这个阶段，我不能复制任何东西。如果该网站是公开可见的，请提供链接。

你现在可以尝试的是改变你的定位器和点击方法。每次应用一个定位器和一个点击方法，你应该至少有7 * 3 = 21次尝试。

基本代码：

WebDriverWait wait = new WebDriverWait(driver, 10); 
wait.until(ExpectedConditions.elementToBeClickable(By.id("ext-pr-backlog-evolution"))); 
driver.findElement(By.id("ext-pr-backlog-evolution")).click(); 

的不同定位符：

By.id("ext-pr-backlog-evolution") // current, not working 
By.cssSelector("#ext-pr-backlog-evolution") 
By.cssSelector(".ext-pr-backlog-evolution") 
By.cssSelector("href[*='extranet_prbacklogevolutiontendency/reports']") 
By.xpath(".//a[@id='ext-pr-backlog-evolution']") 
By.cssSelector(".//a[contains(@class, 'ext-pr-backlog-evolution')]") 
By.cssSelector(".//a[contains(@href, 'extranet_prbacklogevolutiontendency/reports')]") 

不同的点击方法：

普通点击

driver.findElement(one_of_the_locators_above).click();` 

操作单击

new Actions(driver).click(driver.findElement(one_of_the_locators_above)).perform(); 

的JavaScript单击

JavascriptExecutor executor = (JavascriptExecutor)driver; 
executor.executeScript("arguments[0].click();", driver.findElement(one_of_the_locators_above)); 

Answer 2

由于id是独一无二的，你只需要使用：

$('#ext-pr-backlog-evolution').click(function() { 
    // Your code here 
});