In this example you will learn, how to Get Class Name Using jQuery. You can simply use the attr() method to get or retrieve the class name of an element using jQuery.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery Get Class Name of an Element</title> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ var className = $("#test").attr("class"); alert(className); // Outputs: hint }); }); </script> </head> <body> <div id="test" class="hint">Click the following button to get the class name of this div element.</div> <button type="button">Get Class Name</button> </body> </html> |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.