Question

我有一个有很多课程的div，假设

<div class="myDiv one two three"></div>

现在我想使用类＆＃34; myDiv＆＃34;获取类名，这里有一些情况，在某些情况下我需要在第三个位置的类名，即＆＃34;两个＆＃34; ，有时候我需要在第二个位置上课，这是＆＃34;一个＆＃34;，任何人都有想法得到我想要的课程。我的jQuery代码是

alert($('.myDiv').attr('class'));

但这会提醒所有班级。

Answer 1

如果你可以接受使用dom元素，它可能是你想要的classList。

Element.classList


elementClasses是表示类属性的DOMTokenList   elementNodeReference。如果未设置class属性或为空   elementClasses.length返回0. element.classList本身是   只读，虽然你可以使用add（）和remove（）修改它   方法

alert($('.myDiv')[0].classList[2]);
// Get the count of the classes
var length = $('.myDiv')[0].classList.length;

// Get last class from the list.
alert($('.myDiv')[0].classList[length - 1]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="myDiv one two three"></div>

Answer 2

尝试hasClass

$( ".mydiv" ).hasClass( "foo" );

Answer 3

$(function(){
  
  var classNames = $('.myDiv').attr('class').split(" ");
  
  alert(classNames[0]);
  alert(classNames[1]);
  alert(classNames[2]);
  alert(classNames[3]);
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="myDiv one two three"></div>

你可以这样做。我不认为有任何方法可以通过索引获取类名。

Answer 4

String.split(' ')有什么问题？

var classes = $('.myDiv').attr('class').split(' ');
alert(classes); // myDiv,one,two,three

通过另一个类名jQuery获取类名

4 个答案: