How to find inputs with an attribute name starting with specific letter or text using jQuery?
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
Please Login to comment...