Выберите элемент на основе значения двоюродного брата

Question

Допустим, у меня есть этот HTML (игнорировать имена тегов):

<div>
    <card>
        <h2>1</h2>
    </card>
    <footer>
        <p>text 1</p>
    </footer>
</div>

<div>
     <card>
        <h2>2</h2>
    </card>
    <footer>
        <p>text 2</p>
    </footer>
</div>

<div>
    <card>
        <h2>3</h2>
    </card>
    <footer>
       <p>text 2</p>
    </footer>
</div>

, и я хочу выбрать тег p, значение h2 которого равно 2 (я выберу p с текстом 2)

если я использую это выражение //h2[text()="2"]/../following::footer/p Я получу 2 тега p.

Как выбрать только тег p с двоюродным братом h2 значение 2?

РЕДАКТИРОВАТЬ: Робби Аверилл ответил первым, но вы должны проверить другие ответы, они тоже очень хороши.

Answer 1

Попробуйте использовать ниже XPath для выбора необходимого элемента:

//card[h2="2"]/following-sibling::footer/p

Answer 2

Этот XPath,

//div[card/h2="2"]/footer/p

выберет footer/p двоюродных братьев card/h2 элементов со строковыми значениями 2.

Answer 3

Вы можете перейти от h2 к div, содержащему нужный элемент, а затем нацелить footer/p элементы оттуда:

//h2[text()="2"]/../../footer/p