jQuery & jQuery UI Documentation

jQuery & jQuery UI

Attribute Starts With Selector [name^="value"]

attributeStartsWith selector

version added: 1.0jQuery('[attribute^="value"]')

  • attribute
    An attribute name.
    value
    An attribute value. Quotes are mandatory.

Description: Selects elements that have the specified attribute with a value beginning exactly with a given string.

This selector can be useful for identifying elements in pages produced by server-side frameworks that produce HTML with systematic element IDs. However it will be slower than using a class selector so leverage classes, if you can, to group like elements.

Example:

Finds all inputs with an attribute name that starts with 'news' and puts text in them.

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.7rc2.js"></script>
</head>
<body>
  <input name="newsletter" />

  <input name="milkman" />
  <input name="newsboy" />
<script>$('input[name^="news"]').val('news here!');</script>

</body>
</html>