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');

然后在单选按钮上单击，检索索引。这里的类名是头类的名称，比如“first_name”

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

但这行不通。它不断返回 -1 作为索引。

Answer 1

应该是var th = $table.filter("." + classname);因为您$table没有引用表格，而是实际上引用了th表格中的元素。.find()将在您需要filter()给定元素集中的元素时查找匹配的后代元素。

或者

var $table = $('#report');
var th = $table.find("th." + classname);