量角器/XPath-查找包含文本的子代元素

Question

我正在寻求有关XPath选择器的帮助。我已经学习了XPath的基础知识，但是我很难将它们结合起来解决这个问题。

所以我有一个HTML格式的网格，包含大约30行，每行（从左到右）都有一个复选框和员工姓名。以下是行组成的一个片段：

<div class="ui-grid-row ng-scope" data-row-num="21"> //Whole row
  <div role="row" ui-grid-row="row" class="ng-isolate-scope">
    <div role="rowheader" id="1746254927-13-urGrid-005-cell"> //This is checkbox
    <div role="gridcell" id="17443224958-13-urGrid-005-cell">
      <div class="ui-grid-cell-contents ng-binding text-left"> Appleseed, Jonny</div>

我的目标是找到：div class=“ui grid row ng scope”data row num=“21”

到目前为止，我得到的是：

 element(by.xpath("//div[@class='ui-grid-row ng-scope') and contains(.//div, 'Appleseed, Jonny')]"));

有人能帮我指一下正确的方向吗？我不是在寻找包含这个文本的元素，而是它的父元素，这样我就可以提取它的data-row-num。

或者，如果我可以找到包含“Appleseed，Jonny”的div元素，那么我如何才能找到它的父元素（在本例中，它不是直接父元素，而是向上两个元素）？

Answer 1

尝试

//*[contains(text(), "Appleseed, Jonny")]/parent::div[contains(@class,"ui-grid-row ng-scope")].

基本上父::*有助于获取父元素

Answer 2

给定提供的超文本标记语言，此XPath应该可以工作

//div[@class='ui-grid-row ng-scope'][.//div[contains(.,'Appleseed, Jonny')]]

它正在寻找一个包含指定类的DIV，[@ui-grid-row ng scope']，并且还有一个子DIV包含所需文本，[.//DIV[包含（，'Appleseed，Jonny'）]。

我更喜欢尽可能具体，例如使用标签名而不是*等等。

由于您提到要查找与该行关联的复选框，因此另一种方法是直接相对于包含所需文本的元素查找复选框。

//div[@role='rowheader'][.//div[contains(.,'Appleseed, Jonny')]]

因为我假设您将多次使用此XPath，所以我会将其放入函数中，并将所需文本作为字符串传递，例如“Appleseed，Jonny”，然后将其构建到XPath中。