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, эта служба поможет преобразовать CSS в XPath.

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

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