Отбирает элементы, у которых указанный атрибут начинается с заданной строки. Селектор появился в jQuery 1.0.

jQuery('[attribute^="value"]')

  • attribute — Название атрибута.
  • value — Значение атрибута. Кавычки обязательны.

Этот селектор может быть полезным для поиска элементов на страницах, генерируемых серверными фреймворками, которые создают HTML-код с семантически осмысленными идентификаторами. Однако, этот селектор работает медленнее, чем селектор класса, поэтому лучше назначать с помощью серверных фреймворков нескольким элементам классы и усуществлять поиск по ним.

Примеры использования селектора атрибутов [attribute^="value"]

Задача: Найти все элементы inputs с атрибутом name, начинающимся с подстроки 'news' и вставить в найденные поля текст.

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
  <input name="newsletter" />
  <input name="milkman" />
  <input name="newsboy" />
  <script>$('input[name^="news"]').val('news here!');</script>
</body>
</html>

 

Комментарии

Как использовать вместо обычной строки в значении "value" значение своей переменной?

$('[attribute^="'+x+'"]')

 Спасибо! 

Добавить комментарий

Содержание этого поля будет показано только администраторам сайта.