javascript – 如何获取元素的类名

我有一个div的集合……

<div class='happy person'><img src='#' /></div>
<div class='fat person'><img src='#' /></div>
<div class='joyous person'><img src='#' /></div>
<div class='grotesque person'><img src='#' /></div>
<div class='sad person'><img src='#' /></div>

我选择使用…

var people = $('.person')

结果存储在类变量中.
jQuery将此选择的结果存储为HTMLDivElements数组 – 它们就是这样.

稍后,我希望能够查看此数组并根据每个元素的类做出一些决定.我已经阅读了可能的解决方案;但这失败了,因为我没有直接处理jQuery对象.

如何在数组中获取这些div的类名？

解决方法

这应该工作：

var people = $('.person');
$.each(people,function(index,el) {
    var _this = $(el);
    if (_this.hasClass('happy')) {
        alert('Happy!');
    } else if (_this.hasClass('fat')) {
        alert('Fat!');
    }
});