Amit Dhamu

Writes Code

Select Nth Class of Element

If you have an element which has multiple classes and you want to get the 3rd for example, simply executing $('#element').prop('class') will not be enough as that will give you all class names in one string.

Instead, you can use the following function.

// Function
function getClassByN(element, n) {
    return $(element).prop("class").split(' ')[n];
}

// HTML
<div id="notepad" class="right box rounded">My container with 3 classes</div>

// Usage
var first_class = getClassByN("#notepad", 0);
var second_class = getClassByN("#notepad", 1);
var third_class = getClassByN("#notepad", 2);


class / prop / jquery / functions / javascript

← Scroll To Bottom of Element Useful Folder & File Functions in PHP →