Question

我有一个包含许多不同类的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 = ___;

});

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 = ___;

});

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

2 个答案: