Spec-Zone.ru › jQuery

:contains() Селектор

Селектор contains

Описание: Выбирает все элементы, содержащие указанный текст.

  • версия добавлена: 1.1.4jQuery( ":contains(текст)" )

    текст: Строка текста для поиска. Регистрозависимый.

Соответствующий текст может находиться непосредственно внутри выбранного элемента, в любом из его потомков или в комбинации того и другого. Как и в селекторах атрибутов, текст в скобках :contains() может быть записан как простое слово или заключен в кавычки. Текст должен совпадать по регистру для выбора.

Пример:

Находит все дивы, содержащие "John", и подчёркивает их.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>contains demo</title>
  <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
 
<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn</div>
 
<script>
$( "div:contains('John')" ).css( "text-decoration", "underline" );
</script>
 
</body>
</html>

Демо:

© The jQuery Foundation and other contributors
Licensed under the MIT License.
https://api.jquery.com/contains-selector

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API