jquery-get-class – Extreme Web Designs https://theextremewebdesigns.com/blog Web Design and Web Development Wed, 20 Jun 2012 04:51:16 +0000 en-US hourly 1 https://wordpress.org/?v=6.7.5 156673191 jQuery Get Class Examples https://theextremewebdesigns.com/blog/jquery-get-class-get-all-class-applied-element-using-jquery/ https://theextremewebdesigns.com/blog/jquery-get-class-get-all-class-applied-element-using-jquery/#comments Wed, 20 Jun 2012 04:51:16 +0000 https://theextremewebdesigns.com/blog/?p=948 Have you wanted to get class of an element or list of all class applied to an element using jQuery? In this article, I am going to share an easy way to do just that. Actual code is just 1 line, so it’s super easy to follow along.

Examples on using jQuery to Get Class

The following example assumes that there is a div with ID “my_div” and a list of all class applied to this div should be alerted, when “Get class” button is clicked.

Example: Using jQuery to get div class

<html>
<head>
<title>jQuery Get Class | Get All Class applied to an element using jQuery</title>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
</head>

<body>

<div id="my_div" class="Lorem ipsum dolor_spec sit amet">Hello World!</div>

<input type="submit" name="get" id="get" value="Get Class" />

<script type="text/javascript">

$('#get').click(function() {

	alert( $("#my_div").attr("class") );

});

</script> 
</body>
</html>
Simple, isn’t it?

Do you know of any other ways to get class  or get all class list applied to an element using jQuery? Feel free to suggest by commenting below.

]]> https://theextremewebdesigns.com/blog/jquery-get-class-get-all-class-applied-element-using-jquery/feed/ 2 948