Селектор по префиксу атрибута

[attribute |= value]1.0

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

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

$('[value |= "черно"]') вернет все элементы, у которых значение атрибута value содержит префикс 'черно' (например черно-белый).
$('.colorList [value |= "черно"]') вернет все элементы, у которых значение атрибута value содержит префикс 'черно' и чьи потомки имеют класс colorList.

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

В действии

Селектор, рассматриваемый в данной статье есть в спецификации css. Его основная роль — поиск по языковым атрибутам, что демонстрирует в следующий пример. Выделим все ссылки, которые имеют атрибут hreflang, указывающий на использование английского языка:

Ссылки

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