как выбрать элементы с помощью 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 есть простое решение, которое вы можете следовать, чтобы получить XPath элемента, однако глубоко HTML структуры является.

1. Проверьте вашу страницу (правой кнопкой мыши -> Проверить)
2. На вкладке Elements правой кнопкой мыши на элементе, который вы хотите получить XPath для.
3. Выберите Copy ->Copy XPath вариант

Ваш XPath будет скопирован в буфер обмена! Boom!

A Снимок экрана для вашей справки!