Вибірка елементів з утримання
Покопатися у вмісті елементів HTML-сторінки і вибрати за результатами потрібний з них – унікальна можливість jQuery. Використовуючи такий метод, ви можете, наприклад, зробити селектор jquery за текстом, що міститься в параграфі (
текст
).
Селектор | Приклад селектора | Опис селектора |
:contains() | $(“p:contains(‘value’)”) – усі параграфи
, містять рядок ‘value’. |
Вибирає елемент, в якому міститься зазначена рядок. Елемент буде задовільний навіть у тому випадку, якщо зазначена рядок буде знаходитися всередині його дочірнього елемента. Запам’ятайте, що даний селектор чутливий до регістру, тому рядок “text” не буде задовольняти вказаним значенням “TEXT” |
:has() | $(“p:has(b)”) – вибирає всі елементи
, що містять . |
Вибирає елемент, в якому міститься інший елемент, зазначений у дужках. Цей селектор також враховує дочірні елементи |
:parent | $(“p:parent”) – усі
, містять що-небудь. |
Вибирає елемент, в якому міститься що-небудь |
:empty | $(“p:empty”) – усі порожні
. |
Вибирає елемент, в якому нічого не міститься. |
Кожен з представлених селекторів буде вибирати певний елемент код на картинці нижче.
Такий jquery селектор також можна поєднувати з іншими, наприклад, $(“p.mail:contains(‘e-mail’)”) буде вибирати всі параграфи з класом “mail”, які містять в собі рядок “e-mail”.