javascript - jQuery 获取类名？只需要上一个类

Question

这个问题已经有答案了:

jQuery - if two classes - get the first one (4 个回答)

已关闭 6 年前。

如何从元素div中获取特定的类值？

简单的 HTML

<h4>THE CLASS NAME FROM THIS DIV IS: 'class1 class2'</h4>
<p id="result-class"></p>

简单的 jQuery

var classFormDiv = $('.class1').attr('class');

$('#result-class').html('result=> ' + classFormDiv);

参见，https://jsfiddle.net/FIERMANDT/tbqLcx32/

我的回答 2020 年 7 月 21 日

var elDiv = document.getElementById('get-class');

function getClassVal(element, classNameOrIndex) {
  var listClass = element.classList;
  var classValue = '';
  
  switch(typeof classNameOrIndex) {
    case 'string':
      for(var i = 0; i < listClass.length; i++) {
        if (listClass[i] === classNameOrIndex) {
          classValue = listClass[i];
        }
      }
      break;
      
    case 'number':
      classValue = listClass[classNameOrIndex];
      break;
      
    default:
      classValue = listClass.value;
      break;
  }
  
  return classValue;
}

console.log( getClassVal(elDiv, 'class-foo') );

<div id="get-class" class="class-foo classic">This element have two class 'class-foo' and 'classic'</div>

Answer 1

var classFormDiv = $('.class1').attr('class').split(' ')[0];试试这个