Teach with us

How to make jQuery attribute selector case insensitive?

To make jQuery attribute selector case insensitive, create two buttons and manipulate the input with attribute selector.

Example

You can try to run the following code to make jQuery attribute selector case insensitive:

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
           $("button").click(function(){
              $( "input[name*='myclass' i]" ).css("background-color", "yellow");
           });
   
           $("#insensitive").click(function(){
              $( "input[name*='myclass' i]" ).css("background-color", "blue");
           });

           // myclass input blue
           $("#sensitive").click(function(){
              $( "input[name*='myclass']" ).css("background-color", "blue");
           });
         });
      </script>
   </head>
   <body>
      <input name="myclass">
      <input name="MYCLASS">
      <br>
      <button id="insensitive">Case insensitive</button>
      <button id="sensitive">Case sensitive</button>
   </body>
</html>
Updated on 06-Dec-2019 11:02:22

0 Views

Tutorials Point

Previous Page Next Page  
Advertisements