Attribute Starts With Selector [name^=”value”]
The [attribute*=value] selector selects each element with a specific attribute, with a value containing a string
attribute Starts With selector
Description: Selects elements that have the specified attribute with a value beginning exactly with a given string.
jQuery(“[attribute^=’value’]”)
attribute: An attribute name. value: An attribute value. Can be either a valid identifier or a quoted string.
This selector can be useful for identifying elements in pages produced by server-side frameworks that produce HTML with systematic element IDs. However it will be slower than using a class selector so leverage classes, if you can, to group like elements.
Example
Finds all inputs with an attribute name that starts with ‘news’ and puts text in them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>attributeStartsWith demo</title>
<script src"https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<input name="newsletter">
<input name="milkman">
<input name="newsboy">
<script>
$ ("input[name^='news']" ).val( "news here!");
</script>
</body>
</html>
Demo:
