获取以开头的类的完整类名？答案

【问题标题】：Get full class name of a class that starts with?获取以开头的类的完整类名？
【发布时间】：2015-03-18 14:41:55
【问题描述】：

我有一个包含许多不同类的 div。我知道我可以选择以$('div[class^=class]') 开头的 div，但如果我知道它以什么开头，我想获得完整的类名。我正在使用 Bootstrap，列以 col-lg- 开头，因此对于每个具有 $('div[class^=col-lg-]') 类的 div 我想知道该类的其余部分（例如 col-lg-4），或本例中的数字。

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

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

});

【问题讨论】：

您可以使用$(this).attr('class') 获取类并对字符串结果应用正则表达式。
所以您想查找其类“以”字符串"col-lg-" 或具有任何以"col-lg-" 开头的类的每个元素？
@triplethreat77 请查看我的演示并撤消您的否决

标签： javascript jquery css twitter-bootstrap twitter-bootstrap-3

【解决方案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")

【讨论】：

这行不通，因为我有多个班级

【解决方案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 = ___;

});

【讨论】：