Attribute begins with ([foo^=bar])

In this chapter you will learn:

Description and Syntax for attribute begins with selector
Examples for attribute begins with selector
How to match input elements with attribute value

Description and Syntax

$('[foo^=bar]')

selects all elements that have the foo attribute with a value beginning with bar.

Examples

Selector	Selects
$('[id^=hello]')	all elements that have an `id` beginning with `hello`
$('input[name^=my]')	all `<input>` elements that have a name value beginning with `my`

The following code illustrates how to select all elements that have IDs that include the string "user" at the beginning of the ID.

<!DOCTYPE html> <!--from j a v a 2  s.  c  o m-->
<html>
    <head>
        <script src="http://java2s.com/style/jquery-1.8.0.min.js"> 
        </script>
        <script>
            var userInfo = $("[id^='user']").length; 
            document.writeln(n);
        </script> 
    </head> 
    <body>
        <form> 
            <input id="userName" type="text" /> 
            <input id="userId" type="text" /> 
            <input id="userPhone" type="text" />
        </form> 
    </body> 
</html>

Click to view the demo

Match input element with attribute value

The following code checks the name of the input control.

<html><!--from  j  a v  a 2 s . co m-->
  <head>
    <script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("input[name^='A']").val("data");
    });
    </script>
  </head>
  <body>
      <input name="Abc" />
      <input name="Bcd" />
      <input name="Cde" />
  </body>
</html>