javascript - 从元素中获取所有类名

Question

我想要实现的只是获取与某个元素一起使用的所有类名。

问题是当我使用我的各种方法来获取类名时，只返回第一个类。

假设我有一张桌子，每个<td>标签都有类classOne classPart1 classThree

因此看起来像这样：

<table id='gridMain'>
    <tr>
        <td class = 'classOne classPart1 classThree'></td>
        <td class = 'classOne classPart2 classThree'></td>
        <td class = 'classOne classPart3 classThree'></td>
        <td class = 'classOne classPart4 classThree'></td>
        <td class = 'classOne classPart5 classThree'></td>
    </tr>
</table>

我尝试过的是以下内容：

var classArray = [];
$("#gridMain .classOne").each(function (ix, element) 
{
    //Example 1 
    alert($(this).attr('class'));

    //Example 2
    $($(this).attr('class').split(' ')).each(function() 
    { 
        classArray.push(this);
    });

    //Example 3
    alert(this.className);
}

在示例 1 中，仅返回“classOne”。在示例 2 中，我尝试拆分类并创建一个数组，结果相同。数组长度为 1。仅返回“classOne”。在示例 3 中，仅返回 classOne...

有谁知道为什么会这样？

先感谢您！