javascript - 查找表格标题单元格值(第一列)

Question

我有一个 HTML 表格，如 http://jsfiddle.net/Lijo/sP7zD/ 中所列。 .我需要读取第一列标题的值。我正在用“gt”和“lt”运算符来做这件事。但它没有获得第一列值。

1. 需要在我编写的脚本中更改哪些 jQuery 代码？
2. 读取第一列标题值的更好方法是什么？

代码

<input type="submit" value="Alert" class="alertButton"/>


<table class="resultGridTable" cellspacing="0" id="detailContentPlaceholder_grdLocalTaxReport"
style="border-collapse: collapse;">
<tr>
    <th scope="col">
        IsSummaryRow
    </th>
    <th scope="col">
        Associate
    </th>
    <th scope="col">
        Gross Amount
    </th>
    <th scope="col">
        Federal Withholding
    </th>


</tr>
<tr>
    <td>
        False
    </td>
    <td>
        Norman Tylor
    </td>
    <td>
        3450
    </td>
    <td>
        32
    </td>
</tr>
</table>

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.js"></script>

脚本

$('.alertButton').click(function() {                                                  
    var selectedElements = $("tr").find("th:gt(0):lt(1)");
    $(selectedElements).css('background-color','yellow');
    alert(selectedElements.html());
});

Answer 1

使用$('th:first')

var selectedElements = $("th:first");

Here is the demo 。

对于您的代码:改为使用 eq。

var selectedElements = $("tr").find("th:eq(0)");