How to get classname of selected element in jquery

jQuery get div element classname: Here in this article will explain how to get classname or Fetch classname of element i.e Div, UL, li or any other HTML tag. You can also check my previous post on Learn jQuery, where have explained how to add click event on dynamically added element, and how to preview image before upload on server.

Steps to get classname in jQuery

• HTML markup add Div tag, Li tag with some classname.
• jQuery Code: Using attr() method

HTML Markup: 

Here we add div tags, and UL Li tags with some class.

 <div id="content" class="foo boo">
  Click Me
</div>

<ul id="ulItem" class="myUlClass">
 <li class='liItem'>One</li>
 <li class='liItem'>Two</li>
 <li class='liItem'>Three</li>
 <li class='liItem'>Four</li>
</ul>
<button id="btnShow">Get Class Name</button>

jQuery: Code to get classname on click 

 $("#content").on('click',function(){
  var getClassName=$(this).attr("class");
  alert(getClassName);
});


$("#ulItem li").on('click',function(){
  var getClassName=$(this).attr("class");
  alert(getClassName);
});