I have a div having many classes , let suppose
<div class="myDiv one two three"></div>
Now I want to get the class names using the class "myDiv", here are some cases , in some cases I need the class name which is on third position i.e "two", In some times I need class on position second which is "one", can any one have idea to get my desired classes. My jQuery code is
alert($('.myDiv').attr('class'));
But this alert all the classes.
If you can accept use dom elements, it has classList which may be what you want.
- Element.classList
elementClasses is a DOMTokenList representing the class attribute of elementNodeReference. If the class attribute was not set or is empty elementClasses.length returns 0. element.classList itself is read-only, although you can modify it using the add() and remove() methods.
alert($('.myDiv')[0].classList[2]);
// Get the count of the classes
var length = $('.myDiv')[0].classList.length;
// Get last class from the list.
alert($('.myDiv')[0].classList[length - 1]);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="myDiv one two three"></div>
classList has read-only attr length, so you can use length - 1 to get the last element.Try hasClass
$( ".mydiv" ).hasClass( "foo" );
$(function(){
var classNames = $('.myDiv').attr('class').split(" ");
alert(classNames[0]);
alert(classNames[1]);
alert(classNames[2]);
alert(classNames[3]);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="myDiv one two three"></div>You can do something like this. I dont think there is any way of getting class names by index.
What's wrong with String.split(' ') ?
var classes = $('.myDiv').attr('class').split(' ');
alert(classes); // myDiv,one,two,three
' '.hasClass(). Soif ($('.myDiv').hasClass('one')) { // do Something }.