从element获取所有类名

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 ...

任何人都知道为什么会这样吗？

提前谢谢！