查找元素父节点的兄弟元素

最新推荐文章于 2024-09-26 11:01:02 发布

亮亮家的凡凡

最新推荐文章于 2024-09-26 11:01:02 发布

阅读量1.8k

点赞数

分类专栏： Python

本文链接：https://blog.youkuaiyun.com/qq_31227475/article/details/80704502

版权

Python 专栏收录该内容

8 篇文章

订阅专栏

在编写自动化脚本时，遇到需求要根据上传文件的ID找到文件并验证，同时需要获取其父节点的兄弟元素——'p'标签内的年份信息。通过XPath，可以先定位到ID为'myId'的元素，然后找到其祖父节点，再选取父节点中'tag'为'p'的元素。

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

前言：写自动化脚本时遇到一个很奇葩的需求，我前台上传文件后，系统会返回我该文件的id,我需要根据id找到上传后的文件，然后验证文件的正确性。到此为止都是比较容易实现的，可是我还需要定位到该元素上一层的兄弟元素，获取到该元素的上传年份，凭借我短短几个月的css经验，实在不知道该如何操作。同时咨询了公司的自动化大神和前端大神们，得知可以通过js及xpath来操作，我暂时选择了xpath，后期再更新js的操作代码；

如下方代码，我已知元素id为“myId”，需要定位到“p”元素对应的文本：

<html>
<body>
<div id="A">
    <!--子节点定位父节点的兄弟节点-->
    <div>
        <div>
            <p>父节点的兄弟节点</p>
            <div>
                <div id="myId">子节点</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>

首先定位到id为“myId”的元素：

//div[@id='myId']

然后定位祖父元素（“.”是当前节点，“..”是父节点）：

//div[@id='myId']/../..

然后定位祖父节点的子节点tag为p 的元素（“.”是当前节点，“..”是父节点）：

//div[@id='myId']/../../p

ok啦，到目前为止已经成功定位到了我需要的元素。以上为xpath定位方法，后期再补充js的定位方法