Skip to content
Related Articles

Related Articles

jQuery | [attribute$=value] Selector
  • Last Updated : 26 Feb, 2019

The [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:




<!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>
        <a href=
          geeksforgeeks.org
        </a>
        <br>
        
        <a href=
        "http://www.google.com">
          Google.com
        </a>
        <br>
        
        <a href=
        "http://www.wikipedia.org">
          wikipedia.org
        </a>
    </center>
  
</body>
  
</html>

Output:
Before click on links:



After click on GeeksForGeeks links:

After click on Google links:

After click on wikipedia links:

Example-2:




<!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:

My Personal Notes arrow_drop_up
Recommended Articles
Page :