如何使用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. 檢查您的網頁（右鍵 - >檢查）
2. 在Elements標籤右鍵點擊您想要得到的XPath的元素上。
3. 選擇Copy - >Copy XPath選項

你的XPath將被複制到剪貼板！繁榮！

屏幕截圖供大家參考！