无法通过 ::before 在 div 内通过 xpath 获取元素

Question

I need to get the list of web elements by using web driver object

findElements(By.xpath(""));

I get the list by using xpath as //*[@class=\\"providers-list clearfix\\"] .However, I get an error whenever I try to fetch element inside

<div class="providers-list clearfix">::before 
  <div class="data-container">..</div>
</div>

This xpath gives me error:

// [@class=\\"data-container\\"]" as no such element: Unable to locate element: {"method":"xpath","selector":"// [@class="data-container"]"}

Answer 1

Presence of pseudo-element eg ::before implies that the element is either:

• Styled or
• Inserted before some content

So the element is dynamic in nature and to identify the element you have to induce WebDriverWait for the desired visibilityOfElementLocated() and you can use either of the following Locator Strategies :

• cssSelector :

   WebElement element = new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("div.providers-list.clearfix div.data-container")));

• xpath :

   WebElement element = new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//div[@class='providers-list clearfix']//div[@class='data-container']")));

Answer 2

请使用此 X 路径 - //*[contains (@class, 'clearfix')]

Answer 3

are you trying to access from the object which did findElements? This is how it works ideally:

    List <WebElement> myList = driver.findElements(By.xpath("//*[@class=\"providers-list clearfix\"]"));
                for(WebElement eachList:myList)
                {
         System.out.println(eachList.findElement(By.xpath("div[1]")).getText());
                }