Селектор по значению атрибута

Материал из JQuery

Перейти к: навигация, поиск
[attribute = value]1.0

Соответствует всем элементам с атрибутом attribute равным value. Если value состоит из нескольких слов, между которыми есть пробелы, то нужно заключать value в кавычки. Если value не содержит пробелов — кавычки не обязательны.

Примеры использования:

$('[cellspacing = 5]') вернет все элементы (очевидно таблицы), с параметром cellspacing равным 5.
$('[class = content]') вернет все элементы, с классом content (См замечание 1).
$('[title = "два слова"]') вернет массив всех элементов с атрибутом title равным "два слова". Отметим, что если значение атрибута содержит более одного слова, то необходимо использовать кавычки.

Замечание 1: Несмотря на то, что с помощью селектора [attribute = value] можно находить элементы по аттрибутам class или id, более правильным будет использовать специальные селекторы по классу и идентификатору. Это касается и многих атрибутов в элементах форм, для которых существуют отдельные селекторы.

Замечание 2: Во всех версиях jQuery, начиная с 1.2, использование символа "@" перед аттрибутом не нужно.

В действии

Все элементы, которые имеют подсказку (аттрибут title) с текстом "Не влезай - убьет" будут окрашены в желтый цвет с красными рамками:

Ссылки

Поисковые ключи:
  • атрибут равен value
  • аттрибут равен value
  • элементы с значением атрибута равным value
  • найти элементы с значением атрибута равным value
  • поиск элементов с значением атрибута равным value