tadam logo
Did you find an error in the text?
Select this with mouse and press
Ctrl + Enter
Xhtml.co.il Check Spelling
Orphus system

[attribute^=value]

Attribute Starts With Selector [attribute^=value]

Arguments

jQuery('[attribute^=value]')

version added: 1.0
attribute
An attribute name.
value
An attribute value. Quotes are optional.

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.

Examples

Example 1

Finds all inputs with an attribute name that starts with 'news' and puts text in them.
$("input[name^='news']").val("news here!");
The output of the code above will be:

Full source:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>
  
<script type="text/javascript" language="javascript">

  $(document).ready(function(){
$("input[name^='news']").val("news here!");
  });
  </script>
  

</head>
<body>
  <input name="newsletter" />
  <input name="milkman" />

  <input name="newsboy" />
</body>
</html>

Was this information helpful?
   

Comments