如何使用xpath选择元素

Question

这是我的html代码：

<div class="loged-in">
<div>
<span> |</span>
<a href="https://www.jabong.com/account/">Hi, abhinav</a>
<span class="drop-arrow"/>
</div>

我想选择以下链接，我尝试过这个xpath。

<a href="https://www.jabong.com/account/">Hi, abhinav</a>
//div[@class='loged-in']/*[1]

Answer 1

根据发布的HTML代码段，目标<a>元素嵌套在外部<div>（当前缺少结束标记）中，因此XPath应该考虑内部<div>同样如此：

//div[@class='loged-in']/div/a

演示： xpathtester，xpatheval

Html输入：

<div class="loged-in">
<div>
<span> |</span>
<a href="https://www.jabong.com/account/">Hi, abhinav</a>
<span class="drop-arrow"/>
</div>
</div>

输出

<a href="https://www.jabong.com/account/">Hi, abhinav</a>

Answer 2

如果您使用的是Chrome浏览器，那么您可以使用一个简单的解决方案来获取HTML结构的深层元素的XPath。

1. 检查您的页面（右键单击 - ＆gt;检查）
2. 在Elements标签中右键单击要获取XPath的元素。
3. 选择Copy - ＆gt; Copy XPath选项

您的XPath将被复制到剪贴板！吊杆！

屏幕截图供您参考！