How to find inputs with an attribute name starting with specific letter or text using jQuery?
Last Updated :
02 Jan, 2023
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
Share your thoughts in the comments
Please Login to comment...