How to select the first element inside a td using jquery?

Question

Here is what my html looks like: ```

	ID	Name
	22	Hello
	25	HTML
	45	CSS

``` Based on this structure of the html, which is being emitted by asp.net I want to add class on the first btn only of each row. I tried using this but what happen is that even the second button of the td is also being selected: ``` $(function () { $t = $('#GridView1 td').children().addClass('first'); }) ``` Sir/Ma'am your answers would be of great help. Thank you++

Accepted Answer

If I understand correctly, you need to select the first input in the first `td` in each tr. Try:

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

Of course, the less strict but more concise

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

could also be used, but this assumes you aren't using inputs anywhere else in your table.

DEMO

How to select the first element inside a td using jquery?

Solution

Problem