如何通過在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 
});