javascript - 如何获取元素的类名

Question

我有一个 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的类名？

Answer 1

这应该有效:

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