如何使用jquery获取类名

Question

假设我有这样一个元素:

<div id="dv" class="red green blue">Something Here !!</div>

我用过这个:

alert($('#dv').attr('class'));

但它同时给了我三个,我个别可能需要存储在一个数组中.

如何使用jquery获取每个类名？应该简单吧？

Answer 1

var classNames = $('#dv').attr('class').split(' ');

如果你只需要知道一个元素是否拥有你可能想要使用的类

if( $('#dv').is('.green') ){
    alert('its green!');
}

要么

if( $('#dv').hasClass('green') ){
    alert('its green!');
}

这是一个派生函数.注意不同的符号

".className"和"className"

Answer 2

有几种方法取决于你的目标(你真的需要一个数组,可能是一个更快的方法!).

要获取类的数组,请使用.attr()和.split():

$('#dv').attr('class').split(' ') == ['red', 'green', 'blue']

要获取文字字符串,请使用.attr():

$('#dv').attr('class') == 'red green blue'

要检查课程用途.hasClass():

$('#dv').hasClass('red') == true