XPath如何通过指定svg图标定位同一父节点下的button元素

可用XPath方案 #

从你已经定位到的#icon-map对应svg节点出发，直接使用以下XPath即可定位到同widget父节点下的button元素：

ancestor::div[@class="widget"]//button

逻辑说明 #

1. ancestor::div[@class="widget"]：沿着当前节点的祖先轴向上查找，找到class属性为widget的父级div节点，也就是两个元素的共同父容器
2. //button：在找到的widget容器的所有后代节点中，匹配button元素

如果需要进一步提高定位精准度，避免同容器下有多个button的情况，还可以结合button的特有属性筛选：

ancestor::div[@class="widget"]//button[@icon="more" and @soho-button="icon"]

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