XPath-селектор элементовАкселератор для WordPress

Селектор XPath – это мощный язык для выбора указанного набора из дерева тегов.

При разработке этого продукта мы хотели использовать более простые и часто используемые CSS-селекторы. Но CSS не позволяет выбирать элемент по индексу. Поэтому мы решили использовать XPath.

Например, мы хотим получить все теги ‘div’, которые содержат ‘comment-area’ в своем атрибуте ‘class’ и имеют ‘id’ = ‘comments’. Итого, селектор результата будет таким:

descendant::div[@id=’comments’ and contains(concat(‘ ‘,normalize-space(@class),’ ‘),’ comments-area ‘)]

Чтобы получить только первый элемент из этого набора, мы должны ввести:

(descendant::div[@id=’comments’ and contains(concat(‘ ‘,normalize-space(@class),’ ‘),’ comments-area ‘)])[0]

Чтобы получить только последний элемент из этого набора, мы должны ввести:

(descendant::div[@id=’comments’ and contains(concat(‘ ‘,normalize-space(@class),’ ‘),’ comments-area ‘)])[last()]

Если вы знакомы с селекторами CSS, эта служба поможет преобразовать их в XPath.

В приведенных выше примерах показаны наиболее часто используемые случаи при настройке продукта. Более подробную информацию о синтаксисе Xpath можно найти здесь. И мы можем проверить наши селекторы здесь.

Добавить комментарий