Селектори jQuery: як використовувати?

Вибірка елементів з утримання

Покопатися у вмісті елементів 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”.

Цікаве:  Як зменшити PDF розмір: покрокова інструкція