Jquery - 从 div 中读取所有类

我正在尝试通过以下方式从 HTML 元素中读取所有类名。但它不起作用:

HTML

<div id="test" class="fff aaa ccc" >hello world</div>

JS

if ($('#test').attr('class') != '')
{
   // Read classes
    var all_classes = $('#test').attr('class');

    // Output
    $('body').append('Classnames: '+all_classes+' ');

}

示例
http://www.jsfiddle.net/AQgqU/8/

有人可以帮助我吗？

最佳答案

你可以这样做:

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

alert(classes[0]); // first class
alert(classes[1]); // second class
alert(classes[2]); // third class

或者您可以使用循环:

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

更新:

正如@KennyTM 所建议的，在上面的代码中，类名周围可能会有空格。您可以使用 jQuery 的 $.trim 函数删除任何空格。

关于Jquery - 从 div 中读取所有类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3802508/