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