If I have a div which has multiple classes assigned to the class attribute, is it possible to iterate through them using the each() function in jQuery?
<div class=class1 differentclassname anotherclassname><div>
In JavaScript, to get the list of classes, you can use
.className.split(' '), returns an Array.classList, returns a DOMTokenListIn jQuery, you can use .prop() to get className or classList properties.
To iterate them, you can use:
for loop, e.g. for(var i=0; i<classes.length; ++i)for...of loop, e.g. for(var cl of classes).forEach, only for arrays, e.g. classes.forEach(fn)$.each, e.g. $.each(classes, fn)If you use classList but want to iterate using forEach, you can convert the DOMTokenList into an Array using
[].slice.call(classes)Array.from(classes)
