I would like to select all cells of the first column of a table. Can anyone please tell me the code.
Tried this..
$('.sortable tr:nth-child(1)'); // getting entire row.
Add a comment
|
3 Answers
This (fairly verbose) selector should work:
$(".sortable tr > :nth-child(1)")
If you want another column, simply change the index to nth-child to something other than 1.
This will select both td (data) and th (header) cells, btw.
$(".sortable tr > :nth-child(1)")
.css("background-color", "yellow");<table class="sortable">
<tr> <th> A </th> <th> B </th> <th> C </th> </tr>
<tr> <td> 1 </td> <td> 2 </td> <td> 3 </td> </tr>
<tr> <td> 10 </td> <td> 20 </td> <td> 30 </td> </tr>
<tr> <td> 100 </td> <td> 200 </td> <td> 300 </td> </tr>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
answered Jan 25, 2010 at 12:10
stakx - no longer contributing
85.1k20 gold badges176 silver badges277 bronze badges
1 Comment
mindplay.dk
Considerably more verbose, but here's my solution - a small jQuery-plugin that selects all the cells in a column of a table.
$('.sortable td:first-child');
4 Comments
Reigel Gallarde
mmm.... $('.sortable td:first-child'); would take all first td in class .sortable....
kgiannakakis
In my opinion, it is a good thing that th cells are not selected, as these are usually treated differently. Also, the OP mentioned nothing about th cells.
kgiannakakis
@ahmadali shafiee: See answer below (highest votes): $(".sortable tr > :nth-child(3)")
Ahmadali Shafiee
@kgiannakakis thanks. but that was the answer. but I wanted a way to select the third column of the table not just third column.
$('.sortable tr td:first').each(function(){
alert($(this).text());
});
answered Jan 25, 2010 at 12:06
Reigel Gallarde
65.4k21 gold badges126 silver badges142 bronze badges
1 Comment
stakx - no longer contributing
I believe this will only select the very first cell of the table. Replacing
:first with :first-child should give the expected result.