The jQuery Attribute Contains Prefix Selector [name|="value"]
is used to select elements with a specific attribute
which has a specific string value
or starting with value
followed by a hyphen(-). It is case sensitive.
[name|="value"]
selector Syntax$('[attribute|="value"]')
[name|="value"]
selector Examplesselector | description | matched | not matched |
---|---|---|---|
$('a[hreflang|="en"]') |
find all links with an hreflang attribute that is equal to en or start with en- |
hreflang="en" hreflang="en-US" |
hreflang="english" |
$('[class="comp"]') |
find elements with class value equal to open or start with open- |
class="comp" class="comp-item" class="comp-item show" |
class="company" |
$("input[name|='man']") |
Find all input elements that name is equal to man or begin with man- |
<input name="man-day"> <input name="man"> |
<input name="fireman"> It is case sensitive. <input name="Man"> is not matched. |
Finds all li elements with a title attribute that is equal java
or begin with java-
.
Try now