硒：使用WebElement.findElements（）缩小结果范围

Question

我有一个要迭代的WebElements列表，可以调用List图，每个元素都是一个图（即for (WebElement graph : graphs) ）。 每个图都有一些后代，其中有些在多个图中相似。 所以我想说些类似的话：

List<> descendents = graph.findElements(By by)

为了获得这些后代，尽管目前在其他图形中也发现了类似的后代。 我正在使用By.cssSelector() 。 也有这些子代的子代，我可以使用css选择器找到这些子代，结果仅限于单个图，但是我需要这些子代的父代提供信息，所以我不能这样做。

谁能解释为什么会这样？ 还是有办法先找到孩子然后从那里得到父母？

我在想类似的东西： graph.findElements(By.cssSelector(".child:parent")但这不是有效的CSS选择器。

如果这里不清楚，请告诉我。

谢谢！

EDIT_1：这是我正在查看的层次结构：

<div class="graph">
    <...several nested tags...>
        <div class="parent">
            <div class="child" />
            <div class="child" />
        </div>
    <...several nested tags.../>
</div>
<div class="graph">
    <...several nested tags...>
        <div class="parent">
            <div class="child" />
            <div class="child" />
        </div>
    <...several nested tags.../>
</div>
<div class="graph">
    <...several nested tags...>
        <div class="parent">
            <div class="child" />
            <div class="child" />
        </div>
    <...several nested tags.../>
</div>

在这种情况下，使用graph.findElements(By.cssSelector(".parent"))返回3个WebElement的列表，在这里我只想拥有1个，但是使用graph.findElements(By.cssSelector(".child"))如我所料，返回2个WebElement的列表。

EDIT_2：

这是我需要获取的信息：

从父类：类名，它的类名用作一种布尔值，如果有，则看起来是一种方式，否则，则是另一种方式。

来自子级1：基于此布尔类名称，它是可视的，还具有单个唯一的类名称，因此易于抓取

从孩子2：它是文本，我需要文本，没有ID或类名来查找它。

Answer 1

您是否必须使用By.cssSelector(".parent") ？ 您可以考虑在循环中的graph Web元素上使用By.className("parent") 。 您也可能在graph元素上使用By.xpath(".//parent") 。 我知道Xpath并没有那么快，也没有那么干净，但是它只花费微秒，因此值得找到您要寻找的对象。 className()选项应该可以工作，尽管我倾向于更信任Xpath，因为我可以显式告诉它要拉的元素（在倾向于重用类名的站点上，这对我很有用）。

Answer 2

我想我明白您的要求...看看是否有帮助。 看来您走了这条路，但我不确定您走了多远。

List<WebElement> graphs = driver.findElements(By.cssSelector("div.graph"));
for (WebElement graph : graphs)
{
    List<WebElement> parents = graph.findElements(By.cssSelector("div.parent"));
    for (WebElement parent : parents)
    {
        List<WebElement> children = parent.findElements(By.cssSelector("div.child"));
        for (WebElement child : children)
        {
            if (child.getText().trim().equals("abc123"))
            {
                // found what I'm looking for... do something to the parent
                System.out.println(parent.getText().trim());
                // at some point you may want to break; from the nested loops
            }
        }
    }
}

另一个选择是使用CSS选择器直接潜水到您想要的孩子，例如

driver.findElements(By.cssSelector("div.graph div.child"));

循环遍历这些元素，直到找到所需的元素，然后执行

foundElement.findElement(By.xpath(".."));

得到父母。 这有点笨拙，但可以完成工作。

Answer 3

因此，我能够通过使用不同的CSS选择器来解决此问题。

graph.findElements(By.cssSelector("table:nth-child(2) td"));

返回3个WebElement的列表； 这是错误的。

graph.findElements(By.cssSelector("table.mar10t td"));

返回2个WebElement的列表； 这是对的。

这很奇怪，因为如果我在萤火虫中使用css选择器搜索，那么两个路径都会给出相同的结果...

如果有人对为什么第一个给出错误的结果有任何想法，请发表评论，我很乐意阅读它们。