jquery - クラスに一致するテーブル ヘッダーを検索

Question

私のテーブル構造は次のとおりです。

<table id="report">
    <thead>
        <tr>
            <th class="first_name">First Name</th>
            <th class="last_name">Last Name</th>
            <th class="email">Email</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Larry</td>
            <td>Hughes</td>
            <td>larry@gmail.com</td>
        </tr>
        <tr>
            <td>Mike</td>
            <td>Tyson</td>
            <td>mike@gmail.com</td>
        </tr>
    </tbody>
</table>

このテーブルのヘッダーのみを参照するセレクターを作成しようとしています

var $table = $('#report th');

次に、ラジオ ボタンをクリックして、インデックスを取得します。ここで、classname は、「first_name」などのヘッダー クラスの名前です。

$radio.click(function(){
var th = $table.find("." + classname);
var i = $(th).index();
}

しかし、これは機能していません。インデックスとして -1 を返し続けます。