如何从元素中获取第二个类名？

Question

我试图找出如何检索类属性的第二个类名.

例如,拥有:

<div class="something fooBar"></div>

如何获得名为"fooBar"的第二个类？

^{我知道你可以添加,删除和检查特定的类,但我找不到文档如何将第二个类检索到变量中.}

Answer 1

你可以split像这样使用:

alert($('#divID').attr('class').split(' ')[1]);

要获得所有课程,您可以这样做:

var classes = $('#divID').attr('class').split(' ');

for(var i=0; i<classes.length; i++){
  alert(classes[i]);
}

更多信息:

• http://www.w3schools.com/jsref/jsref_split.asp

Answer 2

// alerts "8"
alert($('<div class="something 8"></div>').attr('class').split(' ')[1]);

Answer 3

这是通过引用div ID来实现的

$(document).ready( function () {
  alert($('#yourDivID').attr('class').split(' ')[1]);
});

split函数允许您使用指定的分隔符拆分字符串.这将返回分隔值的数组.在这种情况下,将返回一个类名数组.

用于拆分其他字符串方法的参考http://www.javascriptkit.com/javatutors/string4.shtml

您应该查看以下jQuery选择器和函数来访问类

选择

http://api.jquery.com/class-selector/ 选择具有指定类的dom元素

http://api.jquery.com/has-selector/ 选择具有指定选择器的dom元素

功能

http://api.jquery.com/addClass/ 将类添加到jQuery对象的方法

http://api.jquery.com/removeClass/ 方法将类删除到jQuery对象

http://api.jquery.com/toggleClass/ 将类切换为jQuery对象的方法

http://api.jquery.com/hasClass/ 方法检查jQuery对象是否具有指定的类

http://api.jquery.com/attr/ 方法来检索jQuery对象的属性

编辑: 好的备忘单

Answer 4

作为替代方案,使用data-*html属性来跟踪状态总是更好的做法,例如$("div.example").data("active")