Get a class name by knowing part of it's name when it's not the only class applied to an element.

Question

Hello, I'm looking for a way using jquery/javascript to get a class name when I only know part of it and there are more than one classes applied to that element.

So if I'm looking for a class that I know starts with "charLimit_" I want to know that full class name even when it's not the only class applied to a given element. Example HTML would be.

<input class="charLimit_30 lastNameValidation" type="text" />

What I have so far below will put both "charLimit_30" and "lastNameValidation" into an array, but how do I then say I only want "charLimit_30" and then only tell me the value found after the underscore (30).

var classMName = $('[class*=charLimit_]').attr("class").split(' ');

Thanks in advance for you help!!!

Answer 1

var classes = $('input').attr('class');
var myNum = '';
for(var i=0;i<classes.length;i++){
    if(classes[i].match(/^charLimit_.*$/){
        myNum = classes[i].split('_')[1];
    }
}

Something like that would work, unless of course there's some jQuery magic way of doing it that I'm simply unaware of :)

Answer 2

If you only need first occurrence and everything that follows underscore in class is a number, then something like this would do it:

$('[class*=charLimit_]').attr("class").match(/(?:\s|^)charLimit_(\d+)/)[1];

Answer 3

This is kinda like what inkedmn said, but in a more jQuery-ish way:

var numbersAfterCharLimit = [];

$('[class*="charLimit_"]').each(function() {
    var matches;
    if (matches = this.className.match(/(?:\s+|^)charLimit_([0-9]+)(?:\s+|$)/)) {
        numbersAfterCharLimit.push(parseInt(matches[1], 10));
    }
});

Answer 4

This appears to work (at least on stackoverflow):

var test = $('[class*=owner]').attr('class').split(' ');
for(i in test){
    if(test[i].indexOf('post-sign') !== false){
        test = test[i].split('-');
        // replace this with a return
        console.log(test[1]);
        break;
    }
}

And one that will work with the code that he is trying to do it with:

var test = $('[class*=charLimit_]').attr('class').split(' ');
for(i in test){
    if(test[i].indexOf('charLimit_') !== false){
        test = test[i].split('_');
        // replace this with a return if it is in a function
        console.log(test[1]);
        break;
    }
}