2

这是我的 html 的样子：

<table border="1">
        <th></th>
        <th>ID</th>
        <th>Name</th>
        <tr>
            <td><input type="button" value="btn1"><input type="button" value="btn2"></td>
            <td>22</td>
            <td>Hello</td>
        </tr>
        <tr>
            <td><input type="button" value="btn1"><input type="button" value="btn2"></td>
            <td>25</td>
            <td>HTML</td>
        </tr>
        <tr>
            <td><input type="button" value="btn1"><input type="button" value="btn2"></td>
            <td>45</td>
            <td>CSS</td>
        </tr>

    </table>

基于由asp.net发出的html的这种结构，我只想在每行的第一个btn上添加类。

我尝试使用它，但发生的情况是，甚至 td 的第二个按钮也被选中：

 $(function () {

            $t = $('#GridView1 td').children().addClass('first');


        })

先生/女士，您的回答会很有帮助。谢谢++

4

3 回答 3

8

td如果我理解正确，您需要在每个 tr的第一个输入中选择第一个输入。尝试：

$("#GridView1 tr > td:nth-child(1) > input:nth-child(1)").addClass("first");

当然，越不严格但越简洁

$("#GridView1 input:nth-child(1)").addClass("first");

也可以使用，但这假设您没有在表中的其他任何地方使用输入。

演示

于 2012-11-14T08:24:12.063 回答
0 
$("tr > td:first").addClass('first');
于 2012-11-14T08:23:15.497 回答
0 
$("tr > td").addClass('first');
于 2012-11-14T09:06:07.593 回答