如何根据类中的属性位置获取元素的特定名称

Question

我正在使用此代码根据元素在类属性列表中的属性位置来获取元素中每个类的特定名称

例如，如果我想在div名称中获取第二类

此代码返回所有类名

 var SecondclassName = $(this).attr('class');

但是我只需要第二个就可以了！

$("#banner-message").on('click', function(){

  var FirstclassName = $(this).attr('class');

  // var SecondclassName = $(this).attr('class');

  // var ThirdclassName = $(this).attr('class');

  console.log(FirstclassName);

});

#banner-message {

  background: #ccc;

  border-radius: 4px;

  padding: 20px;

  font-size: 25px;

  text-align: center;

  transition: all 0.2s;

  margin: 0 auto;

  width: 300px;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="cl1 cl2 cl3" id="banner-message"></div>

Answer 1

您要使用classList属性，该属性返回元素的类名称。<div id="myDiv" class="first second third"></div>console.log(document.getElementById("myDiv").classList[1]);将返回“秒”。