查找与类匹配的表头

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作为索引。

Answer 1

它应该是var th = $table.filter("." + classname);，因为您的$table并未引用它实际引用表格中th元素的表格。 .find()将查找匹配的后代元素，您需要filter()来自给定元素集的元素。

或

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