How to make jQuery attribute selector case insensitive?

jQueryWeb DevelopmentFront End Technology

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>
raja
Published on 15-Dec-2017 17:02:18
Advertisements