The jQuery [attribute$=value] selector is used to select each element with a specific attribute, with a specific ending string.
Syntax:
$("[attribute$='value']")
Parameter:
- attribute: This parameter is required to specify the attribute to find.
- value: This parameter is required to specify the string i.e. the value should end with.
Example 1:
HTML
<!DOCTYPE html> < html >
< head >
< script src =
</ script >
< script >
$(document).ready(function () {
$("a[href$='.org']").css(
"background-color", "green");
});
</ script >
</ head >
< body >
< center >
< h1 >GeeksForGeeks</ h1 >
geeksforgeeks.org
</ a >
< br >
Google.com
</ a >
< br >
wikipedia.org
</ a >
</ center >
</ body >
</ html >
|
Output:
Example 2:
HTML
<!DOCTYPE html> < html >
< head >
< script src =
</ script >
< script >
$(document).ready(function () {
$("h3[id$='.org']").css(
"background-color", "green");
});
</ script >
</ head >
< body >
< center >
< h1 >GeeksForGeeks</ h1 >
< h3 id = "geeksforgeeks.org/" >
geeksforgeeks.org
</ h3 >
< h3 id = "google.com" >
Google.com
</ h3 >
< h3 id = "wikipedia.org" >
wikipedia.org
</ h3 >
</ center >
</ body >
</ html >
|
Output: