selenium中，用xpath定位当前元素的相邻元素/兄弟元素

最新推荐文章于 2025-06-16 14:05:36 发布

韩大进啊

最新推荐文章于 2025-06-16 14:05:36 发布

阅读量3.5w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：测试文章标签： selenium xpath定位

本文链接：https://blog.youkuaiyun.com/Hanweijin_Kevin/article/details/77800621

测试专栏收录该内容

22 篇文章

订阅专栏

在Selenium测试中，有时需基于已知元素定位其相邻元素。本文介绍了利用`preceding-sibling`和`following-sibling` XPath表达式来实现这一目标。通过示例展示了如何找到元素A的上一个元素B和下一个元素C的name属性值，强调了在不同层级中查找相邻元素的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【背景】

在定位页面元素时，有时候需要根据某个元素特征，去定位其相邻元素/兄弟元素，或者定位其父元素的兄弟元素（或叔伯元素的子元素）。这里引入xpath的两个定位方法：

preceding-sibling

following-sibling

【示例】

如图，页面元素A，B，C，假设我不知道B和C的name，只知道A的name，我想根据A的name去其上一个元素的name和下一个元素的name，

<div class="ztag201008041230345 clearfix mbox">
<div class="item">
<div class="item">
<div class="ln ln0">
<div class="ln ln2">
<span class="ztag201008041230345">C</span>
<span class="ztag201008041230345 fc10">(0)</span>
</div>
<div class="ln ln1 f-d clearfix fc10">
<div class="ln ln3 clearfix">
</div>
<div class="item">
<div class="ln ln0">
<div class="ln ln2">
<span class="ztag201008041230345">A</span>
<span class="ztag201008041230345 fc10">(0)</span>
</div>
<div class="ln ln1 f-d clearfix fc10">
<div class="ln ln3 clearfix">
</div>
<div class="item">
<div class="ln ln0">
<div class="ln ln2">
<span class="ztag201008041230345">B</span>
<span class="ztag201008041230345 fc10">(0)</span>
</div>

由页面元素结构可知：A的名称在<div class='item'>/div[@class='ln ln2']/span[text()='A']中（在div class=item的子元素的子元素中），只有<div class='item'>这一层级是相邻的，

<span class="ztag201008041230345">A</span>

与

<span class="ztag201008041230345">B</span>

并不相邻。

所以基本的思路是：
1. 定位出A的位置，然后找A的祖父元素；
2. 找A的祖父元素的上一个元素和下一个元素；
3. 把上一个元素和下一个元素的孙元素定位出来，获取name的值
代码如下：

//	获取当前相册A的前一个相册名
String precedeAlbumName = driver.findElement(By.xpath("//div[@class='ln ln2']/span[text()='A']/../../preceding-sibling::div[1]/div[@class='ln ln2']/span[1]")).getText();
//	获取当前相册A的后一个相册名
String followAlbumName = driver.findElement(By.xpath("//div[@class='ln ln2']/span[text()='A']/../../following-sibling::div[1]/div[@class='ln ln2']/span[1]")).getText();

其中
preceding-sibling::div[1]
的[1]表示第一位，如果要定位往前第二个，那么就是[2]，以此类推，following-sibling的用法也是如此。

【总结】
相邻元素定位，
前一位：
preceding-sibling::div[1]
后一位：
following-sibling::div[1]

前N位：
preceding-sibling::div[N]
后N位：
following-sibling::div[N]