Sélectionnez l'élément parent de l'élément connu en Sélénium

J'ai un certain élément que je peux sélectionner avec Le sélénium 1.

Malheureusement, j'ai besoin de cliquer sur l'élément parent pour obtenir le comportement désiré. L'élément que je peux trouver facilement a l'attribut ne peut pas être sélectionnée, rendant morts pour cliquant. Comment puis-je naviguer vers le haut avec XPath?

InformationsquelleAutor f l | 2011-12-20
  1. 140

    Il ya un couple d'options. L'exemple de code est en Java, mais un port à d'autres langues doit être simple.

    JavaScript:

    WebElement myElement = driver.findElement(By.id("myDiv"));
WebElement parent = (WebElement) ((JavascriptExecutor) driver).executeScript(
                                   "return arguments[0].parentNode;", myElement);

    XPath:

    WebElement myElement = driver.findElement(By.id("myDiv"));
WebElement parent = myElement.findElement(By.xpath("./.."));

    Obtenir le pilote à partir du WebElement

    Remarque: Comme vous pouvez le voir, pour la version JavaScript, vous aurez besoin de la driver. Si vous n'avez pas d'accès direct, vous pouvez le récupérer à partir de la WebElement à l'aide de:

    WebDriver driver = ((WrapsDriver) myElement).getWrappedDriver();
    • Et si vous souhaitez naviguer dans le grand-parent, Par.Xpath("../..").
    • Fonctionne exactement comme les chemins de fichiers... ou les chemins d'URL: stackoverflow.com/questions/8577636/../../questions/8577636/...
    • Aucune de ces requêtes Xpath sont correctes pour une utilisation avec le Sélénium. On a besoin d'utiliser By.xpath(“./..”) correctement marcher jusqu'à l'arbre du DOM lors de l'utilisation de element.findElement. Le chef de file “./“ est nécessaire pour fixer le nœud de contexte.
    • Mis à jour il. Merci!
    InformationsquelleAutor acdcjunior
  2. 25

    Peu plus à propos de XPath axes

    Permet de dire que nous avons ci-dessous HTML structure:

    <div class="third_level_ancestor">
    <nav class="second_level_ancestor">
        <div class="parent">
            <span>Child</span>
        </div>
    </nav>
</div>
    1. //span/parent::* - retours tout de l'élément parent direct.

    Dans ce cas, la sortie est <div class="parent">

    1. //span/parent::div[@class="parent"] - retourne l'élément parent seulement exacte type de nœud et seulement si spécifié prédicat est Vrai.

    De sortie: <div class="parent">

    1. //span/ancestor::* - retours tous ancêtres (y compris les parents).

    De sortie: <div class="parent">, <nav class="second_level_ancestor">, <div class="third_level_ancestor">...

    1. //span/ancestor-or-self::* - retours tous ancêtres et actuel de l'élément lui-même.

    De sortie: <span>Child</span>, <div class="parent">, <nav class="second_level_ancestor">, <div class="third_level_ancestor">...

    1. //span/ancestor::div[2] - retours deuxième ancêtre (à partir de parent) de type div.

    De sortie: <div class="third_level_ancestor">

    InformationsquelleAutor Andersson
  3. 14

    Prendre un coup d'oeil à la possible XPath axes, vous êtes probablement à la recherche pour parent. En fonction de comment vous trouver le premier élément, vous pouvez simplement ajuster le xpath pour que.

    Sinon, vous pouvez essayer le double-syntaxe à point, .. qui sélectionne le parent du nœud actuel.

    InformationsquelleAutor prestomanifesto
  4. 14

    Considérons votre DOM comme

    <a>
    <!-- some other icons and texts -->
    <span>Close</span>
</a>

    Maintenant que vous avez besoin de sélectionner une balise parent 'a' sur la base de <span> texte, puis utilisez

    driver.findElement(By.xpath("//a[.//span[text()='Close']]"));

    Explication: Sélectionnez le nœud basé sur son enfant de valeur du nœud

    • Si nous sommes à la recherche pour div, qui est de nouveau imbriquée avec plusieurs divs alors au lieu de .//span dans By.xpath("//div[.//span[text()='Close']]") nous pouvons utiliser *//span, il va chercher pour la plupart des div parent de l'élément d'écartement donné. Maintenant, il ressemblera à ceci driver.findElement(By.xpath("//div[*//span[text()='Close']]"));
    InformationsquelleAutor Bhuvanesh Mani
  5. 4

    Cela peut être utile pour quelqu'un d'autre:
    À l'aide de cet exemple de code html

    <div class="ParentDiv">
    <label for="label">labelName</label>
    <input type="button" value="elementToSelect">
</div>
<div class="DontSelect">
    <label for="animal">pig</label>
    <input type="button" value="elementToSelect">
</div>

    Si par exemple, je veux sélectionner un élément dans la même section (e.g div), comme une étiquette, vous pouvez utiliser cette 

    //label[contains(., 'labelName')]/parent::*//input[@value='elementToSelect']

    Cela signifie simplement que, pour un look étiquette (il pourrait être quelque chose comme a, h2) appelé labelName. Accédez à la mère de l'étiquette (c'est à dire div class="ParentDiv"). Recherche dans les descendants de ce parent à trouver n'importe quel enfant de l'élément avec la valeur de elementToSelect. Avec cela, il ne sélectionne pas le second elementToSelect avec DontSelect div parent.

    Le truc, c'est que vous pouvez réduire les zones de recherche pour un élément en accédant à la mère d'abord et ensuite à la recherche des descendants de ce parent de l'élément dont vous avez besoin.
    D'autres Syntaxe comme following-sibling::h2 peut également être utilisé dans certains cas. Cela signifie que le frère élément suivant h2. Cela fonctionne pour les éléments au même niveau, ayant le même parent.

    InformationsquelleAutor papigee
  6. 0

    Vous pouvez le faire en utilisant /parent::node() le xpath. Ajoutez-y simplement /parent::node() à l'enfant des éléments de xpath.

    Par exemple:
    Laissez xpath de l'élément enfant est childElementXpath.

    Puis xpath de son ancêtre immédiat serait childElementXpath/parent::node().

    Xpath de son ancêtre serait childElementXpath/parent::node()/parent::node()

    et ainsi de suite..

    Aussi, vous pouvez naviguer jusqu'à un ancêtre d'un élément à l'aide de
    'childElementXpath/ancestor::*[@attr="attr_value"]'. Cela peut être utile lorsque vous avez un enfant connu élément, qui est unique, mais a un élément parent qui ne peut pas être identifié de façon unique.

    InformationsquelleAutor Johnes Jose
  7. 0

    Nous pouvons sélectionner la balise parent avec l'aide de Sélénium comme suit:

    driver.findElement(By.xpath("//table[@id='abc']//div/nobr[.='abc']/../.."));

    cela vous aidera à trouver la grand-parent de l'Élément connu. Juste Enlever une (/..) pour trouver l'Élément Parent immédiat.

    Comme:

    driver.findElement(By.xpath("//table[@id='abc']//div/nobr[.='abc']/..));

    Il ya d'autres façons de mettre en œuvre, mais il a bien fonctionné pour moi.

    InformationsquelleAutor Utsav Jain