获取 class 开头的 class 的完整名称？

Question

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

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

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

});

Answer 1

$('[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 = ___;

});

Answer 2

使用$(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")

获取 class 开头的 class 的完整名称？

Get full class name of a class that starts with?

javascript

css

jquery

twitter-bootstrap

twitter-bootstrap-3