How to find inputs with an attribute name starting with specific letter or text using jQuery?
Last Updated :
02 Jan, 2023
Improve
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.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</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:
