如何编写无索引XPath，提取指定员工关联的日期文本

在OrangeHRM演示网站的Time模块表格中，需要实现以下定位需求：

• 定位文本为aaaaa Collings的<div data-v-6c07a142>元素
• 定位该元素的父元素<div class="oxd-table-cell oxd-padding-cell" role="cell" style="flex: 1 1 40%;">
• 找到该父元素的后续兄弟元素，提取其中<div data-v-6c07a142>内的日期文本

目前已使用带索引的XPath实现需求：

(//div[text()='aaaaa Collings']/parent::div/following-sibling::div)[1]

现询问是否可编写不含索引的XPath达成目标，对应HTML代码片段如下：

<div class="oxd-table-card" data-v-f2168256="">
  <div class="oxd-table-row oxd-table-row--with-border" role="row" data-v-0d5ef602="" data-v-f2168256="">
    <div class="oxd-table-cell oxd-padding-cell" role="cell" style="flex: 1 1 40%;">
      <div data-v-6c07a142="">aaaaa Collings</div>
    </div>
    <div class="oxd-table-cell oxd-padding-cell" role="cell" style="flex: 1 1 40%;">
      <div data-v-6c07a142="">2023-10-02 - 2023-10-08</div>
    </div>
    <div class="oxd-table-cell oxd-padding-cell" role="cell" style="flex: 1 1 20%;">
      <div class="oxd-table-cell-actions" data-v-c423d1fa="">
        <button type="button" class="oxd-button oxd-button--medium oxd-button--text oxd-table-cell-action-space" data-v-10d463b7="" data-v-c423d1fa="">
          <!----> View
          <!---->
        </button>
      </div>
    </div>
  </div>
</div>

完全可以编写不含索引的XPath实现需求，推荐以下两种写法：

写法1：直接定位目标日期div #

通过先找到用户名称的div，向上定位到父单元格，再直接选取其后续兄弟单元格内的目标日期div：

//div[text()='aaaaa Collings']/parent::div/following-sibling::div/div[@data-v-6c07a142]

写法2：精确匹配兄弟单元格的样式（更严谨） #

如果需要确保定位的是日期所在的特定样式单元格（flex: 1 1 40%），可以在后续兄弟元素中添加样式匹配：

//div[text()='aaaaa Collings']/parent::div/following-sibling::div[@style='flex: 1 1 40%;']/div[@data-v-6c07a142]

说明 #

这两种写法都不需要依赖索引[1]，而是通过直接关联目标元素的层级关系或属性特征来定位，相比带索引的写法更稳定——当表格列结构调整时，只要日期列的相对位置或属性不变，XPath依然有效。

内容的提问来源于stack exchange，提问作者GAmeya