jQuery attribute begins with selector

Description and Syntax

$('[foo^=bar]')

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

Examples

SelectorSelects
$('[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> 
<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><!-- w  ww. j  av a  2s .c om-->

Click to view the demo

Match input element with attribute value

The following code checks the name of the input control.


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

Click to view the demo





















Home »
  jQuery »
    jQuery Tutorial »




Basics
Selector
DOM
Event
Effect
Utilities