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 のみが返されます...

なぜこれが起こっているのか知っている人はいますか？

前もって感謝します！