Получить полное имя класса, который начинается с?

Question

У меня есть div со многими разными классами. Я знаю, что я могу выбрать div с началами с $('div[class^=class]'), но я хочу получить полное имя класса, если знаю, с чего он начинается. Я использую Bootstrap, а столбцы начинаются с col-lg-, поэтому для каждого div, который имеет класс $('div[class^=col-lg-]')Я хочу знать остальную часть этого класса (пример col-lg-4) или номер в этом кейс.

$('[class^col-lg-]').each(function(){ 

    var block = {}; 
    block.width = ___; 

}); 

Answer 1

использование $(this).attr('class')

$(function(){ 
$("div[class^='col-lg-']").each(function(){ 
     var fullclassname= $.grep(this.className.split(" "), function(v, i){ 
     return v.indexOf('col-lg-') === 0; 
    }).join(); 
    alert(fullclassname); 
    }); 
    }); 

WORKING DEMO

или вы можете также использовать

$(this).prop("class") 

Answer 2

$('[class^=col-lg-]').each(function(){ 
    var classNames= $(this).attr('class').split(' '); 
    var requiredClass; 
    for(var i=0;i<classNames.length;i++) 
{ 
    if(classNames[i].match('col-lg-')){ 
    requiredClass=classNames[i]; 
    break; 
    } 
} 
    var block = {}; 
    block.width = ___; 

});