Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Selected Reading
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:
<!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: 2019-12-06T11:02:22+05:30
1K+ Views
Advertisements