Open In App

How to find inputs with an attribute name starting with specific letter or text using jQuery?

Last Updated : 02 Jan, 2023
Improve
Improve
Like Article
Like
Save
Share
Report

In this article, we will learn to find input with an attribute name starting with a specific letter or text. This task is implemented using attributeStartWith selector. 

attributeStartWith selector: This selector selects elements that have the specified attribute with a value beginning exactly with a given string. It has two arguments i.e attribute and value.

Syntax:

jQuery( "[attribute^='value']" )
  • attribute: Name of the attribute.
  • value: The value of an attribute (identifier or quoted string).

The attributeStartWith selector can be useful for identifying elements in pages produced by server-side frameworks that produce HTML with systematic element ids.

Example: Finds all inputs with an attribute name that starts with ‘GFG’ and puts the text in them.

HTML




<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <script src=
  </script>
</head>
<body>
  <h2 style="color:green">GeeksforGeeks</h2>
  <input name="GFGletter">
  <input name="input2">
  <input name="GFGtext">
  
<script>
$( "input[name^='GFG']" ).val( "content here!" );
</script>
  
</body>
</html>


Output: 

           

attribute value


Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads